表单总结

<form>标签

定义

<form>标签用于创建html表单;

<form action='action_page.php' method='GET'/'POST'></form>

表单能够包含input元素,比如文本字段,复选框,单选框,提交按钮等;表单还可以包含textarea,select,fieldset和label元素等。

属性

action {URL}:一个URL地址,指定form表单向何处发送数据。
method{get/post}:指定表单以何种方式发送到指定页面。
get/post的区别:

  • get方法是默认的,如果表单提交时被动的,并且没有敏感信息,使用get,但get是不安全的,并且传输数据量小。限制字符集必须为ascii码
  • post方法向服务器传递数据,post安全性好对所有用户都是不可见得;post数据传输量大,支持整个ISO10646字符集。

常用的input元素的几种类型

  1. text 定义单行的输入字段,用户可在其中输入字段。
<input  type='text' name='message' >
  1. password 定义密码字段,密码字段中的字符会被掩码(显示为星号或原点)。
<input  type='password' name='pwd' >
  1. radio 定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项(分组需要设置相同的name值,默认选中check='checked')
<input  type='radio' name='sex' value='male'  checked>
  1. checkbox 定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项,默认选中同上。
<input  type='checkbox' name='hooby' value='basketball' >
  1. submit 定义提交按钮,提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
<input  type='submit' value='Submit' >
  1. hidden 定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值,它们的值也可以由 JavaScript 进行修改。
<input  type='hidden' name=''  value=''>
  1. textarea 定义多行输入文本域。
<textarea name='message' rows='10' cols='30'  >
</textarea>
  1. select 定义下拉列表
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
  1. button元素定义点击的按钮
<button type="button" onclick="alert('Hello World!')">Click Me!</button>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML表单 在HTML中,表单是 ... 之间元素的集合,它们允许访问者输入文本、选择选项、操作对象等等,然后将...
    兰山小亭阅读 3,441评论 2 14
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,160评论 0 0
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,078评论 0 3
  • 1.form标签简介 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送...
    饥人谷_小侯阅读 388评论 0 0
  • 昨晚下自习回到宿舍,想起那些还没洗的衣服,去了水房里继续洗。 当洗了大半回到宿舍准备玩会儿手机...
    四月如谎言阅读 867评论 0 5