美文网首页
HTML-表单(form)

HTML-表单(form)

作者: 琛琛的脚后跟 | 来源:发表于2016-04-01 18:09 被阅读0次

<form>表单用于搜集不同类型的用户输入。即是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

1.文本域(text),当用户要在表单中键入字母、数字等内容时,就会用到文本域。

<form>

昵称:<input type="text" name="nicheng"/>

简介:<input type="text" name="jianjie"/>

</form>

显示结果:

2.多行文本域(textarea)

<form>

    建议:<input type="textarea">

<form/>

3.密码(password)

<form>

密码:<input type="password"/>

</form>

显示结果:我手动输入了几个字符

4.单选按钮(Radio Buttons)

<form>

   <input type="radio" name="sex" value="male" checked/>男

   <input type="radio" name="sex" value="female"/>女

<form/>

显示结果:

checked表示默认选中,当name相同的情况下,单选才生效。

5.复选框(Checkboxes)

<form>

   <input type="checkbox" name="bike"/>I have a bike

   <input type="checkbox" name="car"/>I have a car

</form>

显示结果:

6.提交按钮(submit)和取消按钮(reset)

<form>

<input type="submit" value="确定"/>

<input type="reset" value="取消"/>

</form>

显示结果:

7.下拉

<select>

<option value="course">语文</option>

<option value="course">数学</option>

<option value="course">英语</option>

</select>

显示结果:

相关文章

  • HTML-表单

    概述: 标签用于为用户输入创建 HTML 表单. 表单用于向服务器传输数据. 表单能够包含input 元素,比如文...

  • HTML-表单(form)

    表单用于搜集不同类型的用户输入。即是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。...

  • HTML-表单form-2018.07.05

    HTML表单学习整理 重点:记住命令单词 难点:要有基本的自己的表单样式的逻辑 form标签基本框架格式: 基本框...

  • 关于vue v-decorator

    ant-desigin-vue中form表单的使用 form表单的使用 form表单之获取表单的数据 创建表单 通...

  • bootstrap表单

    bootstrap表单 1、form 声明一个表单域2、form-inline 内联表单域3、form-horiz...

  • Vue.js-ElementUI表单

    1 表单el-form 每个表单el-form由多个表单域el-form-item组成。默认情况,表单域是垂直分布...

  • Form表单、四种常见的POST请求提交数据方式、MIME【转】

    浏览器行为:Form表单提交 1、form表单常用属性 enctype为form表单数据的编码格式,Content...

  • Ant Design form 表单赋值,清空

    1:表单清空:this.form.resetFields();2:表单赋值:this.form.setFields...

  • bootstrap直接对form表进行校验

    form表单可以前端进行校验,当然也可以直接采用bootstrap对form表单进行校验如form表单中有 等相关...

  • 任务五——task01

    Form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 1. Form表单的作用: Form表单是...

网友评论

      本文标题:HTML-表单(form)

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