HTML5API表单,第六章HTML表单API(上)

HTML表单主要用于收集用户输入或选择的数据,作为参数提交给远程服务器,提供了一些交互控件。

6.1.1表单标签

定义表单框架

五个属性:aciton、method、name、cnctype、target

action="URL"

6.2 标签

6.2.1单行文本框text

6.2.2密码框password

6.2.3单选按钮radio

多个单选按钮可以组合在一起使用,为它们添加相同的name属性值即可表示这些单选按钮属于一个组

男 //属性值checked默认选中

6.2.4复选框checkbox

多个单选按钮可以组合在一起使用,为它们添加相同的name属性值即可表示这些单选按钮属于一个组

提交按钮submit

重置按钮reset

无动作标签button

该按钮被点击后无任何效果,需要和脚本配合使用,可以为其添加onclick事件,当点击该按钮时触发事件并执行指定的JavaScript代码

如果要执行的JavaScript代码多,也可以在onclick事件中调用JavaScript函数名称,例如上述代码可改为

function test(){

alter( ' hello html ' );

}

6.2.5 图片提交按钮image

6.2.6提交文件

< input type="file" name="自定义名称" />

6.3标记标签

效果与普通文本一致,可以在被点击时为对应的表单控件生成焦点

姓名

或者将内容和控件放在之间

6.4 多行文本标签

6.5 列表标签

multiple属性会使 元素显示样式从默认下拉菜单变成列表框,并允许同时选中多个选项

最常用的做法是元素配合若干个使用,形成简易的的下拉菜单

6.6按钮标签

6.7域标签

和域标题标签

域标签

将表单中多个元素分组显示

域标题标签为每个分组显示独立的标题

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值