HTML4.1表单标签

input(登录、注册、搜索功能)

HTML4.1表单标签_第1张图片

 

type属性值 类型 称号 展示类型
text 文本框 placeholder 占位符
password 密码框 placeholder 占位符
radio 单选框 name  checked(默认选中) 同类型单选
checkbox 复选框

checked

file

文件选择 multiple 多文件选择
submit 提交按钮(提交数据给后台服务器) value
reset 重置按钮(恢复表单默认值)

value

button 普通按钮,默认无功能,之后配合Javascript使用

text:

HTML4.1表单标签_第2张图片

 文本输入,且有提示占位符。HTML4.1表单标签_第3张图片

password:

区别于text就是密码输入最后是黑色圆点

 

radio:

为实现单选效果,需要将选项的name设置为相同名字,即同类型单选,checked设置为默认选中。 

HTML4.1表单标签_第4张图片 

效果展示:

 

checkbox: 

HTML4.1表单标签_第5张图片 

 效果展示:

file:

如果上传多个文件,加上multiple,不加默认上传一个文件。 


 HTML4.1表单标签_第6张图片

HTML4.1表单标签_第7张图片 

 submit、reset、button:

HTML4.1表单标签_第8张图片

一个没有任何功能的按钮。

HTML4.1表单标签_第9张图片 

 

HTML4.1表单标签_第10张图片

HTML4.1表单标签_第11张图片 

做个表单:




    
    
    
    Document


    
性别 男

爱好 打游戏 打篮球 游泳 弹吉他

一寸照

效果展示: 

HTML4.1表单标签_第12张图片

点击重置发现重置成功。 

 

你可能感兴趣的:(HTML,前端,开发语言,html,html5,css)