文本框以及input的属性及功能

属性:text(文本) 默认
password(保密密码)
input type="text"
密码: input type="password"

选项按钮:<input type="checkbox" name=" " value=" ">
其中name告诉系统什么内容
重复的name只能单选
不重复的可以多选
right为靠右
radio为单项
checkbox为复项
<input type="button" name=" " value=" ">:按钮
<input type="submit" name=" " value=" ">:提交
<input type="reset" name=" " value=" ">:重置
<input type="image" src=" ">添加图片

h5以下

<input type="email" name="email" value="邮箱">
邮箱:自动验证邮箱格式是否正确
<input type="url" name="url" value="url">
自动验证url是否正确
<input type="number" min=" 最小值" max="最大值" step="跳步数">
number为数字框
<input type="range" value="范围" name="range" max="100" min="0">
范围的意思
<input type="search" value="search" name="搜索">
搜索
<input type='color' value="颜色" name="颜色">
上颜色
input type="date" value="日期" name='date'>
日期
input的属性:
type="text"默认文本框
type="password"密码文本框
type="radio"单选按钮
type="checkbox"复选按钮
type="button"按钮
type="submit"提交按钮
type="reset"重置按钮
type="image" src=" "添加图片
h5:
type="email"邮箱 自动验证邮箱是否正确
type="number"数字的按钮。其中有属性 min为最小值,max为最大值 ,step跳步数
type="range"范围 ,属性与上面相同
type="search"搜索
type="color"添加颜色
type="date"添加日期
下拉选项
<select>----属性size为可视范围出现的个数
<option></option>属性---selected:默认被选中的
</select>
文本域
col:列 row:行
<textarea cols=" " rows=" "></textarea>
文本框的意思

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,119评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,879评论 1 45
  • HTML表单HTML表单用于搜集用户输入HTML表单常用属性及说明:属性描述accept-charset规定在被提...
    Lv_0阅读 511评论 0 1
  • 大家好,我是IT修真院的学员,一位正直纯洁善良的web前端程序员 。今天给大家分享一下常见的表单元素有哪些?各有什...
    宁静森林阅读 15,755评论 0 1
  • <input> 标签属性 accept - 文件选择 定义accept 属性规定了可通过文件上传提交的服务器接受的...
    小贤笔记阅读 1,035评论 0 4