HTML表单

清疚 2022-05-17 00:51 370阅读 0赞

HTML表单(form)

表单作用 :与用户交互,把用户输入的数据传送到服务器端,然后服务器端程序验证。

表单包含内容:表单控件 提示信息 表单域

form标签用于定义表单域: < form method = “ post / get “ action = “ …”>

  1. </form>

表单控件的属性:

type / name / value / size : input的宽度 / checked : 默认选中 / maxlength: 允许输入的最多字符数

表单控件的属性(type)值:

text: 文本输入框

password: 密码输入框

radio/checkbox: 单选框、复选框 // checked默认选中

  1. //radio 为一组时,name必须相同。

button : 普通按钮

submit/reset : 提交按钮、重置按钮

image : 图像形式提交

file : 文件形式

其他标签:

文本域 :

下拉列表框:

label标签

用于绑定一个表单标签。当用户点击该label标签时,被绑定的元素会自动获得 输入焦点。

用法:<label for="password">

用户名: <input type="text" >

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

  1. </label>

注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。被绑定的元素可以不在lable标签内。


新增属性(常见):

placeholder :占位符,提示语。 用法:< input type=”text” plaeholder=”请输入用户名” >

autofocus :页面加载时自动获得焦点 用法:< input type=”text” autofocus >

multiple :多文件上传 用法:< input type=”file” multiple >

required :必填项 用法:< input type=”text” required >

autocomplete:表单自动完成功能 autocpmplete=”on / off” 1.表单必须提交 2.必须命名

accesskey :规定激活元素的快捷键 <.input type=”text“ accesskey=” a” > 输入a ,光标自动聚焦到输入框

新增 input 属性值(11个):

  1. tel / email / url / number / search / range(拖动条) / time(时分) / date (年月日)/ datetime(时间)
  2. month / week(年-周)

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk4MDA4Nw_size_16_color_FFFFFF_t_70

发表评论

表情:
评论列表 (有 0 条评论,370人围观)

还没有评论,来说两句吧...

相关阅读

    相关 HTML

    HTML的表单十分重要,可以向指定的位置提交信息。 这里包含了简单的`表单验证`和表单`元素控制` 包含了经常使用的表单类型 <html>

    相关 [HTML三] html

    八、表单标签 8.1 表单的介绍 > 表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 。 8.2 表单相关标签的使用

    相关 HTML5】——

    HTML5的作用: 1. 提供了更加强大的功能,方便开发 2. 在移动端使用对应的input类型,当用户输入的时候,可以调取出对应的虚拟键盘,方便用户快速输入 3. 相

    相关 HTML

    表单元素本身是指`<form>`,不过它也有一个更广泛的概念,指构成表单的所有元素。 首先就`<form>`元素本身来说,主要有两个属性(暂时不用细究,到后面我们还有详细说明

    相关 HTML

    HTML表单(form) 表单作用 :与用户交互,把用户输入的数据传送到服务器端,然后服务器端程序验证。 表单包含内容:表单控件   提示信息   表单域   fo

    相关 html

    表单标签 form表单:所有希望提交给服务器的数据都必须放在form表单里面 表单提交: 1.可以通过按钮提交 2.通过js提交 3.通过图片提交 a