• 技术文章 >web前端 >前端问答

    html5中可以有多个form吗

    青灯夜游青灯夜游2022-08-01 17:28:09原创134

    html5中可以有多个form。在同一个HTML的页面中规则上允许可以用到多个form标签,但是为了防止提交时后台无法识别,需要给表单加上不同的ID或者class,语法“<from action="url" id="id值1">表单元素</from><from action="url" id="id值2">表单元素</from>.....”。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    表单最重要的表现是在客户端接收用户的信息,然后将数据递交给后台的程序来操控这些数据,从技术的概念上说,表单就是用来操作form对象,对象是一种基本的数据类型。

    HTML表单是一个包含表单元素的区域,用于搜集不同类型的用户输入;表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素;表单使用表单标签(<form>)定义。

    表单最终是需要提交数据给服务器的,form标签有一个action属性,这个属性用来指定服务器地址;

    <from action="url"><!--url指提交的目标网站 -->
    <!-- 画一个提交按钮
    	这个按钮可以使用input输入阈,type="submit"的时候表示这个按钮是一个提交按钮,具有提交表单的能力 -->
    <!-- 对于按钮来说,按钮的value属性用来指定按钮上显示的文本信息。 -->
    	<input type="sumbit" vaule="登录"/>
    	<!-- buutton这是一个普通按钮,不具备提交表单的能力 -->
    		<input type="button" />
    </from>

    一个网页当中可以有多个表单form

    在同一个HTML的页面中规则上允许可以用到多个<form></form>标签,但是为了防止提交时后台无法识别最好给表单加上不同的ID或者class,这里选择的是加上不同id的方法供大家参考。

    1.png

    表单和超链接没什么太大的区别

    表单是以什么格式提交给服务器的?

    http://localhots:8080/jd/login?username=abc&userpwd=111

    格式:

    actionname=vaule&namevaule&name=vaule&name=vaule&name=vaule…

    HTTP协议规定,必须以这种格式提交给服务器。

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    	<form>
    	<table >
    		<tr>
    			<td>用户名</td>
    			<td><input type="text" name="username"/></td>
    		</tr>
    		<tr>
    			<td>密码</td>
    			<td><input type="password" name="userpwd"/></td>
    		</tr>
    		<tr align="center">
    			<td colspan="2" >
    			<input type="submit" value="登录">
    			&nbsp;&nbsp;&nbsp;&nbsp;
    			<input type="reset" value="清空"></td>
    		</tr>
    	</table>
    		</form>
    	</body>
    </html>

    multiple="multiple" 支持多选

    在后方添加size,可以设置多选上限

    <select multiple="multiple" size="n">

    file控件(上传文件)

    <input type="file" />

    readonly disabled

    		<!-- readonly与disabled相同点:都是只读不能修改
    		但是readonly可以提交给服务器,disabled数据不会被提交(即使有name属性也不会被提交)-->
    		<form action="http://localhost:8080/taobao/save">
    			用户代码<input type="text" name="usercode" value="110" readonly />
    			<br>
    			用户代码<input type="text" name="username" value="120" disabled />
    			<br>
    			<input type="submit" value="提交数据" />

    maxlength

    设置文本框中可输入的字符数

    <input type="text" maxlength="3">

    相关推荐:《html视频教程

    以上就是html5中可以有多个form吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:表单 form html5
    上一篇:html5是一种新的语言么 下一篇:bootstrap的模态框在哪是什么
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• angular学习之浅析响应式表单• jquery表单怎么实现点击增加一行• 增加表单文本域的HTML代码是什么• 一文浅析Angular中的响应式表单• jquery表单提交的方法有哪几种• html5表单域是什么意思• html5定义表单的标签是什么
    1/1

    PHP中文网