您当前的位置: 首页 >  jquery
  • 5浏览

    0关注

    516博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【JQuery学习笔记day12】HTML 表单

不太灵光的程序员 发布时间:2020-02-04 16:25:30 ,浏览量:5

表单

表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容。 表单使用表单标签 来设置。

标签描述定义供用户输入的表单定义输入域定义文本域 (一个多行的输入控件)定义了 元素的标签,一般为输入标题定义了一组相关的表单元素,并使用外框包含起来定义了 元素的标题定义了下拉选项列表定义选项组定义下拉列表中的选项定义一个点击按钮New指定一个预先定义的输入控件选项列表New定义了表单的密钥对生成器字段New定义一个计算结果

New : HTML5新标签

输入元素

多数情况下被用到的表单标签是输入标签。


Username: 

显示效果 在这里插入图片描述

文本域(Text Fields)

文本域通过标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。 表单本身并不可见。同时,在大多数浏览器中,文本域的默认宽度是 20 个字符。


First name: 
Last name: 

显示效果 在这里插入图片描述

密码字段

密码字段通过标签 来定义: 密码字段字符不会明文显示,而是以星号或圆点替代。


Password: 

显示效果 在这里插入图片描述

单选按钮(Radio Buttons)

标签定义了表单单选框选项


Male
Female

显示效果 在这里插入图片描述

复选框(Checkboxes)

定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。


I have a bike
I have a car

显示效果 在这里插入图片描述

提交按钮(Submit Button)

定义了提交按钮.

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。:


Username: 


显示效果 在这里插入图片描述

下拉列表

元素用来创建下拉列表。 元素中的 标签定义了列表中的可用选项。 下拉列表默认选择排在第一位的选项,如果要预设选项可以使用selected



Volvo
Saab
Fiat
Audi


显示效果 在这里插入图片描述 创建一个简单的带有预选值的下拉列表



Volvo
Saab
Fiat
Audi


显示效果 在这里插入图片描述

表单标题边框


Personal information:
Name: 
E-mail: 
Date of birth: 


显示效果 在这里插入图片描述

关注
打赏
1664870321
查看更多评论
立即登录/注册

微信扫码登录

3.9689s