HTML 表单的用法

HTML 表单用于搜集不同类型的用户输入
<form> 元素定义 HTML 表单:

<form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
.
form elements
 .
</form> 

<form> 所有属性如下

属性 描述
accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)
action 规定向何处提交表单的地址(URL)(提交页面)
autocomplete 规定浏览器应该自动完成表单(默认:开启)
enctype 规定被提交数据的编码(默认:url-encoded)
method 规定在提交表单时所用的 HTTP 方法(默认:GET)
name 规定识别表单的名称(对于 DOM 使用:document.forms.name)
novalidate 规定浏览器不验证表单
target 规定 action 属性中地址的目标(默认:_self)

HTML 表单包含表单元素
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

<input> 元素

<input> 元素是最重要的表单元素。可以通过设置不同的type属性来生成相应的形态


  • text
    定义用于文本输入的单行输入字段
<input type="text"> 

  • textarea
    定义用于文本输入的多行字段(文本域)
<textarea >   
</textarea> 

  • password
    定义密码字段
<input type="password">  

  • checkbox
    定义复选
    复选框允许用户在有限数量的选项中选择零个或多个选项。
<input type="checkbox"> 

  • radio
    定义单选框
<input type="radio"> 

  • button
    定义按钮
<input type="button"> 

  • select
    定义下拉列表
<select>
    <option value="x1">x1</option>
    <option value="x2" selected>x2</option>
    <option value="x3">x3</option>
</select> 

  • submit
    定义用于向表单处理程序(form-handler)提交表单的按钮。
    表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
    表单处理程序在表单的 action 属性中指定:
<input type="submit"> 

<input> 属性

除了主要的type属性外,以下属性也是在定义input中常用的


  • value
    属性规定输入字段的初始值
<input type="xxx" value="xxx"> 

  • name
    该属性用于指定用来保存用户输入文本的变量和名称。定义name属性后WML将根据该属性也即变量名,为即将输入的文本实体对象与之存储空间,以便接收用户输入
<input type="xxx" name="xxx"> 

  • placeholder
    用来显示在输入框中,作为提示信息
<input type="text" placeholder="tips">

  • title
    当鼠标悬停在该input上时,title中的内容会额外显示作为补充信息
<input type="xxx" title="xxx">

  • readonly
    属性规定输入字段为只读(不可修改)
<input type="xxx"  readonly>

  • disabled
    属性规定输入字段是禁用的
    被禁用的元素是不可用和不可点击的
    被禁用的元素不会被提交
<input type="xxx"  disabled>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 3,214评论 0 1
  • HTML 表单用于搜集不同类型的用户输入。用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。HTM...
    FLYSASA阅读 3,315评论 0 0
  • 在 HTML 中,表单是由 标记定界的区域,包含文本输入框、按钮、复选框和图形用户界面的其他功能部件。Web ...
    莱昂纳德刚阅读 3,332评论 0 0
  • 一、HTML表单 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea...
    饥人谷_李维超阅读 2,767评论 0 0
  • 我不想回头 爱过的人 丢过的东西 天气太冷 我没力气了
    BURYLJ阅读 1,183评论 0 0