表单用法
2017-04-18 本文已影响0人
诺夏_
一、<form>
表示一个文档中表单的区域,常用属性:
action 指定处理这个表单数据的程序所在的URL
method 指定使用何种方式提交表单数据
例子:
<form action='/getInfo' method='post'>
...
...
...
</form>
二、<label>、<input>
<label>用于关联一个控件,常与<input>一起使用。
<input>用于创建基于表单的可交互控件,常用属性:
type 控件类型的显示,默认类型为text
name 控件的名称,与表单数据一起提交。
value 控件输入或选择的内容。
例子:
<input type='text'>
<label for='username'>用户名</label>
<input type='text' id='username' name='username'>
<input type='password'>
<label for='password'密码</label>
<input type='text' id='password' name='password'>
<input type='radio'>单选框
<input type='radio' name='sex' value='male'>男
<input type='radio' name='sex' value='female'>女
<input type='checkbox'>多选框
<input type='checkbox' name='hobby' value='reading'>阅读
<input type='checkbox' name='hobby' value='writing'>写作
<input type='submit'>
<input type='submit' value='submit'>提交按钮
<input type='file'>
<input type='file' name='picture' accept='image/gif'>
三、<select>、<option>
<select>是一种表单控件,可创建选项菜单,菜单选项以<option>表示。
例子:
<select name='country'>
<option value='japan'>日本</option>
<option value='china' selected>中国</option>
<option value='america'>美国</option>
</select>
四、<textarea>
<textarea>提供一个可输入多行字段的文本域
例子:
<textarea name='textarea' rows='10' cols='50'>此处可以预先输入文本</textarea>