html表单

Posted 土生搞IT

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html表单相关的知识,希望对你有一定的参考价值。

1,表单不能嵌套表单
2,表单标签<form></form>
最小表单格式<form method="" action=""></form>
action是当前表单交给谁处理,目前action后用“#”号,提交在当前页面
3,HTTP GET协议(不安全请求)直接将参数拼接在地址后面
将数据与实际的URL文本附加在一起
HTTP POST协议(安全请求)
数据在http流中传输。
4,表单中不仅有id属性,还有name属性,此属性是表单提交给后台使用的属性
5,文本框
例如 name:<input type="text" name="userName">
属性:size 文本框的长度
maxlength 最大输入长度
value 初始化文本框内容
6,密码输入框
例如 pwd:<input type="password" name="userPwd">
属性与文本框相同
7,单选按钮
例如:选择性别
<input type="redio" name="gender" value="1">男<input type="redio" name="gender" value="0">女
设置相同name属性,达到互斥的效果。通过value赋值,后台接收此值。checked属性,加上默认选中
8,复选框
<input type="checkbox">
与radio相似,通过相同的name属性以及不同的value属性来赋值,也有checked属性
9,隐藏字段域
<input type="hidden" name="" value="">
将自己需要使用的值保存在此,不会展示给用户
10,文件上传控件
<input type="file">
此控件不允许被改变,大小、模式等
提交必须使用post方式提交,get大小在255k,post理论上不限制大小
例如:<form action="#" method="post" enctype="form/multipart">
<input type="file">
</form>
11,下拉列表
例如:<select id="chooseCity">
<option>请选择</option>
<option>成都</option>
<option>上海</option>
<option>北京</option>
</select>
select的size属性表示初始化显示多少条
option的selected属性 默认选择哪条
12,多行文本框
<textarea id=""name=""rows=""cols="">文本内容</textarea>
13,提交表单按钮
<input type="submit" value="">
value属性是给此按钮命名
<input type="reset" value="">
重置所填表单,恢复默认值
14,表单中的button按钮正规写法
<input type="button" value="">
15,其它表单元素和属性
<label></label> 表单中的文字信息放在label中
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用
户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<fieldset><legend>标题<legend><fieldset> 为表单加一个边框及标题

以上是关于html表单的主要内容,如果未能解决你的问题,请参考以下文章

HTML(5)表单元素以及对各个表单元素的name、value属性的理解

HTML 表单提交 的简单代码

HTML5中表单验证的好处

html表单

html5表单验证,无效表单操作并在所有html5表单元素都被验证时执行jQuery?

html如何接收表单内容