1、表单定义
表单是一个包含表单的元素区域
表单元素是允许用户在表单中(比如:文本域、下拉列表、
单选框、复选框等等)输入信息的元素。、
2、表单属性
1、action:规定提交到后台的网址 .php
2、method: 规定如何提交到后台
- get: 会直接在地址栏显示提交的表单数据 用逗号隔开 。需要最佳的传输性能 需要立即传输一些数据的地方
- post:会隐藏提交的表单数据 分段传输 解码之后由服务器规定如何传输数据
对安全性有要求
3、target:规定提交的页面在何处打开 _self _blank
4、name 名字
3、表单控件
<input>标签规定了用户可以在其中输入数据的输入字段。
类型由type属性来决定:
text 文本框
password 密码框
radio 单选按钮
checkbox 复选框
submit 提交form中的数据
reset 重置按钮
button 按钮 ,多数情况下,通过 JavaScript 启动脚本
file 上传,供文件上传
hidden 隐藏
image 图片(有提交功能 过时基本不用)
select/option 下拉选框
size 规定下拉列表中可见选项的数目
selected规定在select里面默认展示项
textarea 文本域
resize 调整尺寸属性
<fieldset> 可将表单内的相关元素分组
<legend> 标签为 fieldset 元素定义标题。
4、关于选择框的选择文字即可选择选项的问题 lable属性
<!-- disabled禁用 checked默认选中 -->
性别:
<input type='radio' name='sex' id='man' disabled='disabled' value='' /> <label for='man'>男</label>
<input type='radio' name='sex' id='woman'/> <label for='woman'>女</label>
<input type='radio' name='sex' id='nbs' checked='checked'/> <label for='nbs'>女博士</label>
5、关于input focus问题
input{width:400px;height:50px;background:pink;border:none;
/*外轮廓线*/
outline:none;
}
input:focus{background:#ccc;}//鼠标聚焦效果