html基础之input属性

无论在php还是javascript中，发现input属性相当关键，现在整理一下，因为添加了不少新属性，我也一并写上去了

1、清除 input 标签默认样式

input {/* 去除边框 */border: none;/* outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 *//* 即点击输入框时出现的蓝色边框 */outline: none;}

2、input type属性值

值	描述	图片
text	默认。定义一个单行的文本字段（默认宽度为 20 个字符）。
url	定义用于输入 URL 的字段。
password	定义密码字段（字段中的字符会被遮蔽）。
button	定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。
submit	定义提交按钮。
reset	定义重置按钮（重置所有的表单值为默认值）。
radio	定义单选按钮。
checkbox	定义复选框。
color	定义拾色器。
date	定义 date 控件（包括年、月、日，不包括时间）。
datetime	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。
datetime-local	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。
month	定义 month 和 year 控件（不带时区）。
week	定义 week 和 year 控件（不带时区）。
time	定义用于输入时间的控件（不带时区）。
email	定义用于 e-mail 地址的字段。	在这里插入图片描述
file	定义文件选择字段和 “浏览…” 按钮，供文件上传。
hidden	定义隐藏输入字段。
image	定义图像作为提交按钮。
number	定义用于输入数字的字段。
range	定义用于精确值不重要的输入数字的控件（比如 slider 控件）。
search	定义用于输入搜索字符串的文本字段。
telNew	定义用于输入电话号码的字段。

html基础之input属性相关推荐

Vue基础之计算属性
Vue基础之计算属性定义: 原理: get函数执行时机: 优势: 备注: Demo: 定义: 要用的属性不存在,要通过已有属性计算得来. 原理: 底层借助了Objcet.defineproperty ...
五、Web App 基础可视组件属性（IVX 快速开发教程）
五.基础可视组件属性在 iVX 中各个组件存在不同的属性,这些属性用于设置显示的样式或者是自身具备的特征等,通过更改这些属性可以极大的方便我们进行项目的创作. 大多数组件都拥有相同的属性,相同属性在 ...
html5 规定输入字段,HTML5 Input属性详解
本篇教程探讨了HTML5 Input属性详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML5+CSS3从入门到精通 . < value 属性 value 属性规定输入字段的初始值: rea ...
当 input 属性为 number，设置maxlength属性不生效的坑
当 input 属性为 number,设置maxlength属性不生效的坑一.现象 1. <input type="text" maxlength="11&quo ...
学生档案复习前面HTML5新增标签/属性/input属性
根据所学HTML5新增的标签.属性.input属性,把学生的姓名.手机.邮箱.职业.出生日期.成绩写出来代码如下: <!DOCTYPE html> <html lang=" ...
树莓派 GPIO基础输入input
树莓派 GPIO基础输入input RPi.GPIO 模块程序包提供了一个在 Raspberry Pi 中控制 GPIO 的类. 使用步骤: 1. 导入模块 import RPi.GPIO as G ...
HTML的input属性
HTML的input属性之前我收集发表了表单元素和元素input的type值:这里主要讲解一下input的属性value值有哪些:其实也是超多. 其书写格式为:value="值" ...
前端input属性判断字段不能为空
input属性前言前端input属性required 前端input pattern属性前言前端判断字段我自己一般使用js判断,而input自带一些属性,可以直接进行判断例如required属 ...
前端与移动开发-----CSS（语法规范+基础选择器+文本属性）
CSS css简介 1,CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.. 2,有时我们也会称之为 CSS 样式表或级联样式表. 3,CSS 是也是一种标记语言 . ...
前端基础-CSS的属性相关设置
一字体属性二文本属性三背景属性四盒子模型五盒子模型各部分详解一. 字体属性 1.font-weight:文字粗细(表格中*为重点) 取值描述 normal 默认值,标准粗细 ...

html基础之input属性

1、清除 input 标签默认样式

2、input type属性值

html基础之input属性相关推荐

最新文章

热门文章