表单,单行文本框,密码框,单选框,列表框(下拉列表),浏览框,隐藏域,多行文本框,图像按钮,提交按钮,重置按钮,普通按钮

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

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

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























发布了31 篇原创文章 · 获赞 48 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/mall_lucy/article/details/54237181