html表单

Form称为表单标记,属于一个容器标记,可以提交该表单中所有控件的值到后台,让后台动态语言进行其他处理。
用途:
  用户注册某种服务是,收集其姓名、地址、电话号码、电子邮件和其他信息。
  收集购买物品所需的信息。例如,如果想通过internet购买一本书,就需要填写姓名、邮政地址和付款方式等。


form的参数设定:
 例如:<from action="exampleAction.asp" method="Post"
 表单一般和动态语言一起使用,如asp,php,jsp等
 Action属性,用于指明该表单提交给那个程序处理
 Method属性,表示以什么方式提交,值可为:post,get。两者提交方式的不同可以暂时理解为post为隐藏式提交,而get为非隐藏式提交,post容许传送大量资料,蛋get则只接受低于1k的资料,一般注册信息用Post,查询时使用get


Submit传送键及Reset清除键
·<input type="Submit" value="确定"/>
  会显示一个按钮,表单提交按钮,点击后,会将表单的内容提交到form标记
action属性指定的页面中去。
·<input type="reset" value="清除"/>
   会显示一个按钮,会清除表单控件中的值
submit/reset是按钮,只不过这个按钮带了些功能




input的参数设定:
·type="Text"单行文本框 type="password"密码框
·常用属性
 --name,指定表单元素的名称
 --value,此属性是可选属性,他指定表单元素的初始值
 --size,指定文本框的长度
 --maxlength,指定文本框中输入字符的最大长度


radio 单选按钮
·例如<input type="radio" name="gender" value="famale" 
align="middle" checked>
·常用属性介绍
 --type="radio"产生单选按钮
 --name="gender"给单选按钮控件起一个名字
 --value="famale",可提交给后台动态语言处理的值
 --checked,判断该单选按钮是否被选中,可用来做页面特效


checkbox复选框
·<input type="checkbox" name="idol" value="Leon" checked>
·常用属性介绍
 --Type,显示复选框
 --name,给复选框起个名字,后台动态语言可以根据这个名字取值。
 --value,复选框的值,可提交给后台动态语言处理的值
 --checked属性,判断该单选按钮是否被选中,可用来做页面特效


image图片提交按钮
·<input type="image" src="submit.gif"/>
·通常用于取代submit/reset两个按键,因为由默认产生的按钮并不漂亮,这image参数便容许你采用自己制造的按键
·属性
 --src:图片的路径


file文件上传控件
·<input type="file" name="uploadfile" size="50"/>
·属性:
 --name控件名称,动态语言后台取值时用
 --size为控件文本框的长度


hidden隐藏域
·<input type="hidden" name="id" value="6618"/>
·hidden隐藏域,页面上不会显示任何内容,但是隐藏域的值可以随表单一起提交。
·属性:
 --name控件的名称,动态语言在后台可根据此名称来获取控件的值
 --value,传递到后台的值


button常规按钮
·<input type="button" name="useless" value="back">
·页面会显示一个按钮,但是不带任何功能,需要配合js脚本来使用
·属性
 --name控件的名称,js脚本可以通过name属性来控制按钮
 --id,控件的唯一标示符,js脚本可通过此属性来控制按钮,
 --value,按钮上显示的文字


<select>/<option>下拉列表
·select为列表控件,列表有option组成,既select为容器,option为子项
·select常用属性
 --name,控件名称,后台动态语言取值时用
 --multiple由此属性,则可被为多选列表
 --size列表项显示的长度
·option常用属性
 --value,选项的值,如果被选中,在后台则被取到
 --selected默认选择项


textArea文本域
·<textarea name="comments" cols="40" rows="4"/>
·属性
 --name控件名称,后台动态语言可根据此名称来取值
 --cols文本域宽度
 --rows文本域高度
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值