> 文章列表 > HTML4.1表单标签

HTML4.1表单标签

HTML4.1表单标签

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

 

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

checked

file

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

value

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

text:

 文本输入,且有提示占位符。

password:

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

 

radio:

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

 

效果展示:

 

checkbox: 

 

 效果展示:

file:

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

 

 

 submit、reset、button:

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

 

 

 

做个表单:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><form action="个人信息">性别男<input type="radio" name="性别">女<input type="radio" name="性别"><br><br>爱好打游戏<input type="checkbox">打篮球<input type="checkbox">游泳<input type="checkbox">弹吉他<input type="checkbox"><br><br>一寸照<input type="file" ><br><br><input type="button" value="保存"><input type="submit" value="提交"><input type="reset" value="重置"></form>
</body>
</html>

效果展示: 

点击重置发现重置成功。