html表单

Posted 2020-07-25 土生搞IT

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> 为表单加一个边框及标题