端午小长假--前端基础学起来02与浏览器交互,表单标签
- form 与用户进行交互,将浏览者的数据传到服务器端,相当于一个容器
语法:
解释:当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框;name:为文本框命名,以备后台程序ASP 、PHP使用。value:为文本输入框设置默认值。(一般起到提示作用)
- 多行文本输入框
语法:
解释:testarea 标签是成对出现的,cols 是多行文本框的列数,rows 是多行文本框的行数,文本是设置的默认值
eg:
- 单选框、复选框
语法:
解释:radio:单选框,checkbox:复选框;value:提交到后台的值,name:为控件命名,供后台使用,当checked设置“checked”时,默认选中
注:同一组单选按钮,name取值要一致,这样才能保证单选
- 下拉列表框(单选)
语法:
解释:运动1是向服务器提交的值,运动2是页面显示的值,selected="selected"默认选中这个值
- 下拉列表框(多选)
语法:在select标签中设置 multiple=“multiple”
- 提交按钮/重置按钮
语法:
解释:type值设为submit时,按钮才能提交,valus 是按钮上显示的文字
语法:
解释:type值设为reset时,按钮才有重置功能,valus 是按钮上显示的文字
- form表单中的label标签
解释:当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就选中和该标签相关联的表单控件上面)
语法:
转载于:https://www.cnblogs.com/huiziz/p/5572344.html
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
