HTML整理03-白红宇

HTML整理03

阅读量：5882 次

发布时间：2019-06-19

本文共 4089 字，大约阅读时间需要 13 分钟。

center 居中标签

font 字体标签

属性：

color 文字的颜色

face 设置文本的字体，设置的字体需要是计算机上安装好的字体；字体安装路径为：c:/windows/fonts

size 文字的大小，值为1~7

人到中年不得已，保温杯里泡枸杞！

input标签定义输入框

属性：

name/value/type

type 规定输入框的值

值： text/password/radio/checkbox

file 文件上传域

hidden 隐藏域，悄悄的传输数据

submit 提交按钮，用value指定按钮的文本

button 普通按钮

image 用图片作为提交按钮，配合src属性使用

reset 重置按钮

1 
     
       2         用户名： 
       
      
 3         密　码： 
       
      
 4         性　别：  5             
      男 6             
      女 7             
      鬼 8             
      
 9         头像： 
       
      
10 11         
      12 13         
      我已阅读您的《霸王条款》 
      
14 15         
      16         
      17         
      18         
      19         
      20         
      21         
      22         
      23         
      24

input标签

属性：前面讲过 type/name/value

size 可以设置输入框的宽度

checked 单选框或者多选框的默认选中

maxlength 设置输入框的最大输入长度

readonly 设置为只读

multiple 设置文件上传域为多文件上传

前端验证：包括JavaScript、HTML的验证

仅仅是为了提升用户体验

后端验证才是为了安全

button 按钮标签

属性：

type 决定按钮的类型

值：

button 普通按钮

reset 重置按钮

submit 提交按钮（默认）

//了解

form 规定form标签之外的按钮属于某个form表单

formaction/formmethod/formtarget 会覆盖form标签本来的属性

textarea 可以设置多行文本域

属性：

cols 决定宽度

rows 决定高度

name/readonly

注意：这个双标签不建议换行

select 设置下拉框

属性：

name 给下拉框取名，方便后台拿值

multiple 设置下拉框为多选的（很少用）

option 设置下拉选项

属性：

value 设置option的值；如果不设置，默认拿option中间的内容

selected 设置下拉框的默认选中

1     
     
       2         自我描述：
      
      
 3         自我描述： 4             
       5             
      
 6         收货地址： 7             
      17 18         
      19

H5新增的标签

output 用于输出

datalist 设置input框的列表，列表项用option定义

属性：

id 值需要和input标签的list属性的值相对应

H5新增的属性

placeholder 设置提示信息

autofocus 自动获取焦点

required 设置了之后表示必须输入值，不能为空

autocomplete 设置是否提示，值为on/off

min/max/step 设置type为number的输入框的最小值/最大值/步进值

type属性新增的值

number 表示只能输入数字

url 表示只能输入url地址

email 表示只能输入email邮箱地址

range 范围

color 颜色

1     
     
       2         
       3         
       4         
       5              6              7              8              9             10             11         12         13         
      
14         
      15         
      16         
      
17 18         
      19         年龄：
      
      
20         网址：
      
      
21         邮箱：
      
      
22 23         
      24         范围：
      
      
25         颜色：
      
      
26         date：
      
      
27         
      28

disabled 禁用表单，所有的表单标签都可以加这个属性

frameset 框架集标签

注意：不能与body同在

属性：

cols 设置列数和尺寸

rows 设置行数和尺寸

frameborder 0/1 设置框架的边框是否显示

border 设置边框大小

frame 设置框架中的页面

属性：

src 设置本框架的页面地址

scrolling no/auto 是否显示滚动条

noresize 不能调整大小（单属性）

name 给本框架取个名字

1 2     
     3     4     5     6

1     
     
       2         
       3         
      
        4             
        5             
       登录框框 6             用户名： 
        7             密码： 
        8         
      
 9 10         
      11         
      25

1  
     
        2        
       3         
      
        4             
        5             
       登录框框 6             用户名： 
        7             密码： 
        8         
      
 9         
      10         
      24