表单:是用于向服务器发送数据,客户和服务器端交互的一种工具
用户注册用户登录 评论 留言 帖子 下订单…
<form></form>表单元素
name="fm1" 表单元素名称,页面中唯一
action="url" 提交数据后的处理页面
method="post | get" 提交数据的方式
enctype="multipart/form-data" 当表单中有照片 文件需要用这个编码方式: 大部分 表单数据
text:
type="text" 文本框
name="uName" 元素的名字 页面中名称唯一,主要用于和php,jsp等服务器语言进行交互
id="uName" 元素的编号,用来和 js,jquery…语言进行交互
value="请输入用户名" 默认值
password
type="password" 密码框
name="uPwd" 名称
id="uPwd" 编号
单选框:
type="radio" 单选框
name="uSex" 名字,排它作用
value="2" 默认值,与数据处理相关
checked="checked" 默认选中项
复选框
checkbox中name可以重复
type="checkbox" 复选框
name="uLevel" 名字,可以重复
value="2" 默认值
checked="checked"默认选中项
select 用来省份,城市选择 下拉列表
官方格式
<select name="pro" id="pro">
<optgroup label="用户籍贯"> 提示
<option value="1">北京</option> 选项,value 默认值
<option value="2">上海</option>
<option value="3">绥德</option>
<option value="4">榆林</option>
</optgroup>
</select>
注意:在使用中 optgroup 不需要写
浏览框
type="file" 浏览框
name="uImg" 名字
id="uImg" 页面中编号
比如上传照片
隐藏域:客户与服务器传递一些数据的,页面上不显示
type="hidden" 隐藏域名
name="uDate" 名字
多行文本框
textarea
rows="8" 行数
cols="40" 列数 与浏览器相关
有name,id属性
<textarea>顶天立地绥德汉</textarea>“顶天立地绥德汉”是默认值
比如发布评论
图像按钮:把index→indexDo页面上进行处理
type="image" 图像提交按钮
src="imgs/1.jpg" 图像的url 遵循路径规则
提交按钮:
type="submit" 提交按钮
value="提交" 按钮上的文字 默认值
重置按钮:把同一个from中的元素,都还原成默认值
type="reset" 重置按钮
value="重置" 按钮上的字
普通按钮:为其他语言提供服务的
type="button" 自定义按钮
value="点点看" 按钮上的字