HTML中的表单

2017-04-24  本文已影响0人  饥人谷_DanaeJJ

表单是一个包含表单元素的区域。表单元素包括:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单元素
action
指定处理这个表单数据的程序所在的URL

method
指定使用何种方式提交表单数据

<label>用于关联一个控件,常与<input>一起使用。

<input>用于创建基于表单的可交互控件,常用属性:
type
控件类型的显示,默认类型为text
name
控件的名称,与表单数据一起提交。
value
控件输入或选择的内容。

例子:
1.<input type='text'>
<label for='username'>用户名</label>
<input type='text' id='username' name='username'>
2.<input type='password'>
<label for='password'密码</label>
<input type='text' id='password' name='password'>
3.<input type='radio'>
<input type='radio' name='sex' value='male'>男
<input type='radio' name='sex' value='female'>女
4.<input type='checkbox'>
<input type='checkbox' name='hobby' value='reading'>阅读
<input type='checkbox' name='hobby' value='writing'>写作
5.<input type='submit'>
<input type='submit' value='submit'>提交按钮
6.<input type='file'>
<input type='file' name='picture' accept='image/gif'>

<select>是一种表单控件,可创建选项菜单,菜单选项以<option>表示。

<textarea>提供一个可输入多行字段的文本域

上一篇 下一篇

猜你喜欢

热点阅读