<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form>
<!--text 文本框 用户可以在里面输入任何文字-->
用户名:<input type="text" name="username" value="请输入用户名" maxlength="6"><br>
密码:<input type="password" name="pwd" maxlength="12"> <br>
<!--radio 单选按钮 可以实现多选-->
<!--name是表单元素名字 性别单选按钮必须拥有相同的名字name 才可以进行多选一-->
性别 : 男<input type="radio" name="sex" value="男"> 女<input type="radio" name="sex" value="女" checked="checked"> <br>
<!--checkbox 复选框 可以实现多选-->
爱好: 游泳<input type="checkbox" name="hobby" value="游泳" checked="checked"> 游戏<input type="checkbox" name="hobby" value="游戏"> 彩妆<input type="checkbox" name="hobby" value=”彩妆>
</form>
</body>
</html>
html表单类 ——input之name和value属性
最新推荐文章于 2024-05-19 17:34:30 发布