表单元素form小结

表单作用:主要是提高一个图形用户界面,用于采集和提交用户输入的数据。

<form</form>元素:

常用属性:method,必须,属性值为post/get,默认为get,考虑安全性及中文编码可靠性一般需设置为post;

   action:表单提交的url,必选。

  id/name:新的HTML标准提倡用唯一的Id标识form,考虑兼容性一般二者都同时设置。

事件:onsubmit:根据需要选择是否提交,在js中验证数据的正确性,减少和服务器的交互次数。

<input />元素:用type分类

1:输入文本框,type="text"(默认设置,考虑JQuery等扩展库的使用,一般需手动声明)

2:单选按钮,type="radio",示例:<input type="radio" id="male" name="gender"><label for="male">男</label> </input>

3:复选按钮,type="checkbox",注意属性:checked,true时选择,false不选中;

4提交按钮,type="submit",注意另外一种用法:<input type="image" src="123.jpg" />

5:按钮,type="button",必要属性value

<textarea>元素:多行文本框

属性:cols每行的字符数,控制宽度,rows行数,可控制高度.

<select>元素:下拉列表框

与<option>元素一起使用,注意multiple属性设置后可选择多项,size属性设置显示多少项,selected设置选中项。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值