美文网首页
表单用法

表单用法

作者: 诺夏_ | 来源:发表于2017-04-18 21:34 被阅读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>

相关文章

  • elementUI表单校验高级用法

    elementUI的表单校验相信大家都有了解,下面这篇文章我将从表单验证的基本用法逐渐过渡到表单验证的高级用法。 ...

  • HTML表单的简单用法

    HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...

  • HTML表单的用法

    HTML表单的用法 表单表单作用:HTML表单用于搜集不同类型的用户输入。表单的工作机制访问一个含有表单的页面输入...

  • form的基本知识

    1.form表单的定义和用法? 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字...

  • form介绍

    表单的用法 form表单的作用,常用的input标签,及其作用? HTML的form表单主要是用于收集提交不同类型...

  • 任务五——task07

    form表单的用法 1. form表单有什么作用? 标签用于为用户输入创建 HTML 表单并向服务器传输数据。应用...

  • 网页标签的学习

    1.

    标签 定义和用法: fieldset 元素可将表单内的相关元素分组。标签将表单...

  • Vue表单和v-model

    表单基本用法 input/textarea/checkbox/radio/select/from input 文本...

  • 表单的一些用法

    HTML表单的一些用法 1.表单的作用: HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据...

  • HTML表单的用法

    HTML表单用于用户向服务器端提交表单数据,用法为 提交的表单数据区域 。用form标签包裹着表单控件,如inpu...

网友评论

      本文标题:表单用法

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