HTML 表单的用法

2017-06-07  本文已影响0人  QQQQQCY

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属性来生成相应的形态


<input type="text"> 

<textarea >   
</textarea> 

<input type="password">  

<input type="checkbox"> 

<input type="radio"> 

<input type="button"> 

<select>
    <option value="x1">x1</option>
    <option value="x2" selected>x2</option>
    <option value="x3">x3</option>
</select> 

<input type="submit"> 

<input> 属性

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


<input type="xxx" value="xxx"> 

<input type="xxx" name="xxx"> 

<input type="text" placeholder="tips">

<input type="xxx" title="xxx">

<input type="xxx"  readonly>

<input type="xxx"  disabled>

上一篇 下一篇

猜你喜欢

热点阅读