下面通过一个案例来演示它们的使用。
效果图：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>input控件</title>
</head>
<body>
<form action="#" method="post">
用户名： <!-- text单行文本输入框 -->
<input type="text" value="张三" maxlength="6" /><br/><br/>
密码： <!-- password密码输入框 -->
<input type="password" size="40" /><br/><br/>
性别： <!-- radio单选按钮 -->
<input type="radio" name="sex" checked="checked" />男
<input type="radio" name="sex" />女<br/><br/>
兴趣： <!-- checkbox复选框 -->
<input type="checkbox" />唱歌
<input type="checkbox" />跳舞
<input type="checkbox" />游泳<br/><br/>
上传头像：
<input type="file" /><br/><br/> <!-- file文件域 -->
<input type="submit" /> <!-- submit提交按钮 -->
<input type="reset" /> <!-- reset重置按钮 -->
<input type="button" value="普通按钮" /> <!-- button普通按钮 -->
<input type="image" src="images/0-3.webp" width="50px" height="50px"> <!-- image图像域 -->
<input type="hidden" /> <!-- hidden隐藏按钮 -->
</form>
</body>
</html>
重点：
一定要熟悉input元素及其属性。链接如下：
点我即可！！！
声明：“来自于网络，如果侵犯著作权，请联系删除”
1613
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
