美文网首页
说说表单中的控件元素有哪些?

说说表单中的控件元素有哪些?

作者: 甜甜圈李 | 来源:发表于2020-04-01 20:05 被阅读0次

表单:用于收集不同类型的用户输入---->注册页面,问卷调查,意见反馈

声明一个表单格式:

<form  action="指定表单中的数据要提交到的某个位置"  method="提交的方法">

<input  />  用来指定表单中出现的不同类型的控件元素(单选,多选,输入框,密码框等等)

用户名:<input type="text" name="wenben" maxlength="10" size="30"/>

type用来指定输入控件的类型

name用来指定当前input标签的名字

maxlength  限定输入框字符的个数

size 输入框的长短

密码:<input type="password" name="pwd" maxlength="8" size="33" /> <br><br>

性别:<input type="radio" name="sex"/>男

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

单选的实现,要依靠name属性,让name属性值保持一致就可以。

选择您喜欢的明星:

<input type="checkbox" name="ck01" value="huang"/>黄大

<input type="checkbox" name="ck02" value="chen"/>陈小

<input type="checkbox" name="ck03" value="zhou"/>周三

<input type="checkbox" name="ck04" value="deng"/>邓五

下拉列表

选择您喜欢吃的食物:

<select name="sel">

<option>鸡腿</option>

<option>牛奶</option>

<option selected="selected">鸡蛋</option>

<option>菠菜</option>

<option>面包</option>

</select>

selected="selected"  代表的是列表的默认填充项

文本域----->意见填写栏

<textarea></textarea>

<textarea name="tt" cols="35" rows="30"></textarea>

设置文本域所给的列数和行数,指定文本域的大小

按钮:1.普通按钮button  2.重置按钮 reset  3.提交按钮 submit

</form>

input标签中 type的类型

color 用于选取颜色

时间系列:date ,datetime  ,datetime-local 

email 包含 e-mail 地址的输入域

month 选择一个月份

number 包含数值的输入域

time 选择一个时间

url 包含 URL 地址的输入域,在提交表单时,会自动验证 url 域的值。

week 选择周和年

相关文章

  • 说说表单中的控件元素有哪些?

    表单:用于收集不同类型的用户输入---->注册页面,问卷调查,意见反馈 声明一个表单格式: 用来指定表单中出现...

  • React-3:组件之表单与受控非受控组件

    表单 在React里,HTML表单元素的工作方式和其他的DOM元素有些不同。 一般来说,表单以及表单中的控件(如:...

  • Angular框架中FormArray中嵌套FormGroup

    Angular中FormGroup是用来管理一组表单控件的,响应式表单使用FormArray来动态的管理表单控件,...

  • 表单和输入输出

    表单元素 表单元素有哪些?文本框、单选框、复选框、按钮、下拉框等。 表单元素的html,修改type可得到不同表单...

  • 前端知识点整理

    HTML篇 1. 行内元素有哪些?块级元素有哪些? 行内元素:a span img input select块级元...

  • HTML: 行内元素、块级元素、空(void)元素整理

    一: 什么是 行内元素、块级元素、空(void)元素 二: 行内元素有哪些? 块级元素有哪些? 空(void)元...

  • 2017-07-14

    vue中,表单组件的数据双向绑定,不仅跟表单控件类型有关,还跟绑定的数据类型有关。 看来是表单控件类型去决定数据类...

  • HTML-表单

    一、表单介绍 二、控件的常用属性 三、表单的其他控件

  • 2021年WEB前端面试题

    html面试题 html中常用标签 html 表单元素有哪些 a标签除了打开网页外,还能做哪些事情 在html使用...

  • 【HTML5】增强型表单标签

    一、增型表单标签 HTML5中,新标准把文本框提示信息、表单校验、日期选择控件、颜色选择控件、范围控件、进度条、标...

网友评论

      本文标题:说说表单中的控件元素有哪些?

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