表单:是用于向服务器发送数据,客户和服务器端交互的一种工具

用户注册用户登录  评论 留言  帖子  下订单…

<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="点点看"  按钮上的字