表单

作者: 王雪浩_强化班 | 来源:发表于2019-09-27 17:34 被阅读0次

# 表单元素

<label>定义了 <input> 元素的标签,一般为输入标题"for"

属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

<form> 定义供用户输入的表单

<select>定义了下拉选项列表

<option>定义下拉列表中的选项

  疑问:表单建立在form标签中

  多数情况下被用到的表单标签是输入标签(<input>)

  输入类型是由类型属性(type)定义的

  <input type="text">//文本域

  type="password"  //密码框

  radio          //单选按钮

  checkbox      //复选按钮

  submit        //提交按钮

  email        //邮箱,可自动检测邮箱格式

  * 简单的下拉列表

  <form action="">

<select >

<option value="volvo">1</option>

<option value="saab">2</option>

<option value="fiat" selected>3</option>  //加入selected表示第一个预选3

<option value="audi">4</option>

<lect>

</form>

# 表单元素属性

<input> autofocus 属性  //页面加载时自动获得焦点

# 为表单界面增加边框

<fieldset>                                    //fieldset为增加边框,legend为边框上的内容

<legend>Personal information:</legend>

Name: <input type="text" size="30"><br>

</fieldset>

相关文章

  • bootstrap之form表单

    表单布局 垂直表单(默认) 内联表单 水平表单 垂直表单或基本表单(display:block;) 创建基本表单的...

  • 【读书笔记+思考】移动设备表单设计

    在移动界面中,常见的表单模式有:登录表单;注册表单;核对表单;计算表单;搜索表单;多步骤表单;长表单等 登录表单:...

  • bootstrap表单

    表单布局 垂直表单(默认) 内联表单 水平表单 垂直表单或基本表单 基本的表单结构是 Bootstrap 自带的,...

  • bootstrap 表单布局的三种方式

    三种 垂直表单(默认) 内联表单 水平表单 垂直表单 效果 内联表单 效果 水平表单 效果 参考:https://...

  • 表单相关总结

    表单?表单作用:收集用户信息。表单组成:表单域、表单控件、提示信息。 表单域常用属性 常用属性: name=...

  • 网页设计:HTML表单标签

    表单包含三个基本组成部分:表单标签、表单域、表单按钮。 1,表单标签 HTML 表单用于收集用户输入,表单使用 ...

  • 2019-04-09 表单(5)

    表单布局Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 1.垂直或基本表单 ...

  • 动态表单实现

    angular动态表单 地址: angular表单 vue动态表单 地址: vue表单

  • bootstrap表单

    垂直表单(默认) 内联表单 水平表单 垂直表单 也称基本表单基本的表单结构是 bootstrap 自带的创建基本表...

  • 前端视频-day3(1)

    表单 表单不是表格,表单的核心是数据。 表单标签的构成和形式: 表单项 下面是我写的一个简单的注册表单 注意:表单...

网友评论

      本文标题:表单

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