HTML中的表单

表单是一个包含表单元素的区域。表单元素包括:文本域(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>提供一个可输入多行字段的文本域

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. form表单有什么作用 form表单用于把用户输入的数据提交给后台服务器name表示提交的表单名称,acti...
    尾巴尾巴尾巴阅读 2,895评论 0 0
  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 4,410评论 0 1
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,921评论 0 17
  • 采访时间:2017年7月29日 采访对象:武汉清逸私塾文化传播有限公司创始人李静 采访者:《武汉房地产》杂志编辑部...
    跑者亨利阅读 7,636评论 0 8
  • 都说女人是可怕的生物,第六感准的可怕。女人靠直觉的指引,找到证据破案。女人的心思是最细腻的。 我们这些人都...
    独白001阅读 3,848评论 0 0

友情链接更多精彩内容