端午小长假--前端基础学起来02与浏览器交互,表单标签

  • form  与用户进行交互,将浏览者的数据传到服务器端,相当于一个容器

语法:

解释:method:数据传送的方式(get/post),action:浏览者输入的数据被传送到的地方,比如一个页面

  • 文本/密码输入框

语法:

      

      

   

 解释:当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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部