html中怎么让多个<form></form>表单不换行显示。

我想让这两个表单显示在同一行就,而不换号,怎么做啊?
<form method="get" action="left.cgi" name="WEBCAM-TEST">
 <input type=image src="images/left.jpg"/></form>
<form method="get" action="pause.cgi" name="WEBCAM-TEST">        <input type=image src="images/pause.jpg" /></form>
我不知道给哪个朋友分啊,晕

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、在index.html中的第一个<form>标签中,添加样式代码:style="float:left;"。

3、浏览器运行index.html页面,此时两个表单显示在了同一行,没有换行。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-02-28
插入一个一行两列的表格,第一列插入一个表单,第二列插入第二个表单,就行了,表格具有定位的作用
<table width="519" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><form action="left.cgi" method="get" name="WEBCAM-TEST" id="WEBCAM-TEST">
<input name="image" type="image" src="images/left.jpg"/>
</form></th>
<th scope="col"><form action="pause.cgi" method="get" name="WEBCAM-TEST" id="WEBCAM-TEST">
<input name="image2" type="image" src="images/pause.jpg" />
</form></th>
</tr>
</table>本回答被提问者和网友采纳
第2个回答  2011-04-20
form是通栏现实的元素。也就是说form会占据它直属容器的全行。
在同一个容器内实现两个表单并列是不可能的。
但是,通过不同的容器是可以达到这样的效果的。
一通过 表格
<html>
<title></title>
<head></head>
<body>
<table>
<tr>
<td><form></form></td>
</tr>
</table>
</body>
</html>
二 通过层
<html>
<title></title>
<head></head>
<style>
.div1{
width:300px;
height:200px;
float:left;
}
</style>
<body>
<div class="div1"><form></form></div>
<div class="div1"><form></form></div>
</body>
</html>
第3个回答  2011-04-20
可以加个table
<table>
<tr>
<td>
<form method="get" action="left.cgi" name="WEBCAM-TEST"><input type=image src="images/left.jpg"/></form>
</td>
<td>
<form method="get" action="pause.cgi" name="WEBCAM-TEST"><input type=image src="images/pause.jpg" /></form>
</td>
</tr>
</table>
第4个回答  2011-04-20
你是想实现什么样的效果呢???为什么要这样使用呢、追问

使用网页远程视频控制机器人小车,我主要学硬件电路的,网页只是看着网上的东西随便修改的,最主要是用一个CGI调用无线远程开发板上的控制机器人程序就可以

参考资料:网站、网页制作(团)

html表格怎样才能不自动换行?
html中有两类元素(也就是标签),block和inline。block类型的标签默认情况下会在两边自动加上换行。而inline则不会。表格属于block类型的,所以它会跳到下一行。要想让它不自动换行可以设置它的css样式display属性的值为inline.如<body> 这是前面的文字<table style="display:inline;"><tr><td>这是...

html中怎么让两个<a>标签不换行?
<a> 标签默认是不换行的,如果因为某些样式共同存在,可能会出现楼主说的情况,这时候可以这样,让<a>不换行比如:<div> <a>1<\/a> <a>1<\/a><\/div><styel>div .a {float:left;}<\/styel>希望能帮助到楼主,往采纳!

html中的table,某一单元格内设置多个文本超链接,不能同行显示,会自动换 ...
我认为是 单元格宽度不够 造成文字被挤到第二行。把单元格宽度调大(拖宽)可以解决。还有就是在<\/a>后面加了<br \/>也会造成文字换行。html里<a><\/a>标签默认左浮动的效果,当一行的宽度盛不下内容时,就会自动换行。

如何设置html中div不换行
1、首先我们在Html,div和textarea控件中编写相应的代码,有一些文本内容。2、为了使它不换行,你可以直接添加一个样式。white-space: nowrap; 就是让文本不换行的样式。3、现在查看页面,文本不会换行,文本输入框有一个滚动条。但是div中的内容太长而无法显示,它并不美观。为了使div不超长显示,我...

网页制作中,怎么样解决连续几个<span>会显示在一行,满了会自动换行的...
SPAN是无意义的块元素也就是说他不具备自动换行的属性,可以在其样式里面写面dispaly属性设block,这样的话该span就具备div换行的属性了。推荐你看一下行内元素和块状元素的区别!span{ display:bolck}

Html 哪个标签可以实现不换行 <div id=*>用其他的代替
保存成HTML,要是换行了,你把我吃了 做了十几年网页,其实每个标签都可以达到一样的作用,他们只不过是个容器而已 比如:<a><\/a><p><\/p><div><\/div>这三对标签看上去很不一样,实际上通过CSS可以达到完全一样的效果

[HTML表单]1.textarea(多行文本域)
<form>表单元素<\/form> 表单本身不可见,只是一个区域。语法:<input \/> 属性:1)type(类型)可选值:text(文字域) password(密码域) file(文件域,不同浏览器显示不同) checkbox(复选域,同组name值最好一样.以便服务器区分) radio(单选域,同一组的name值要相同) button(按钮) submit(提交按钮...

网页中如何让三个DIV同时并列
1、新建一个html页面,用于实现多个div显示在同一行上。2、在html代码页面上写两个div标签,并分别给这个两个div标签添加class类,类名分别为:one,two。如下图所示:3、创建div标签后开始设置两个div的样式,把样式写在style标签里面。css样式代码如下图所示:4、设置好class类属性后,保存html代码,...

HTML换行与不换行?
HTML会把行内元素中的回车换行符转换为空格显示(如果是连续的多个回车换行符只会显示为一个空格),所以你会看到上面第一张图的 全国站 与后面的 [切换 之间的空隔比第二张图的要大。而估计你的city是有宽度限制的,第一张图中的文字中因为多了个空格超长了所以就换行了。

html中出现很多&nvsp;空格如何让其换行
代表空格。<br>或者<br \/>可以表示换行。如果连续换行要在每个<br>后加空格也就是 后,才能生效,否则多次换行的效果显示不出来。

相似回答