美文网首页
HTML中的表单

HTML中的表单

作者: 饥人谷_DanaeJJ | 来源:发表于2017-04-24 21:51 被阅读0次

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

相关文章

  • Django学习-第十三讲(下):表单(一)forms.form

    1. html表单和django中的表单的区别 HTML中的表单: 单纯从前端的html来说,表单是用来提交数据给...

  • form表单(一)

    知识点: 什么是表单 GET和POST HTML表单 在HTML中,表单的作用是收集标签中的内容, ... 中间...

  • 如何改变默认RADIO和SELECT样式?

    1.背景介绍 Radio 对象代表 HTML 表单中的单选按钮。 在 HTML 表单中 (input type="...

  • FormData

    FormData对象 作用:1 模拟HTML表单,相当于HTML表单映射成表单对象,自动将表单对象中的数据拼接成请...

  • Web5.Form表单

    HTML表单 HTML表单用于搜集不同类型的用户输入表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如...

  • FormData对象

    FormData对象的作用 1.模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中的数据拼接成...

  • react随笔8 表单

    表单 在HTML表单中,表单元素与React中的其他DOM元素有所不同,因为HTML的表单元素一旦创建就会保留一些...

  • 5.HTML的标签(3)

    表单标签 什么是表单 收集用户信息的 什么是表单元素 什么是元素在html中,标签/标记/元素都是指html中的标...

  • form表单(二)

    django中的表单不是html中的那个表单.这个表单是用来验证数据的合法性的一个东西,也可以生成HTML代码. ...

  • HTML5新增表单元素

    表单新特性 1、form属性 在html4中表单内的从属元素必须写在表单内部,而在html5中,指定form元素的...

网友评论

      本文标题:HTML中的表单

      本文链接:https://www.haomeiwen.com/subject/ljqmzttx.html