表单标签(HTML)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单标签</title>
</head>
<body>
<form action="demo.php" method="POST" name="name1">
<!--text 文本框 用户可以在里面输入任何文字-->
<!-- label标签 点相关文本框即可自动跳到相应的表单元素上 -->
<label for="text"> 用户名:<input type="text" name="username" value="请输入用户名" maxlength="20" id="text"> <br />
<!--password 密码框 用户看不见输入的文字-->
密码:<input type="password" name="pwd"><br />
<!--radio 单选按钮 可以实现多选一-->
<!-- name 是表单元素名字 这里性别单元按钮必须有相同的名字name 才可以实现多选1 -->
<!-- 单选按钮和复选框可以设置checked 属性,当页面打开的时候就可以默认选中的这个按钮 -->
<label for="nan">
性别: 男 <input type="radio" name="sex" value="男" checked="checked" id="nan">
<label for="nv">
女 <input type="radio" name="sex" value="女" id="nv"><br />
<!--checkbox 复选框 可以实现多选-->
爱好:
听音乐 <input type="checkbox" name="hobbt" value="听音与">
运动 <input type="checkbox" name="hobbt" value="运动">
学习 <input type="checkbox" name="hobbt" value="学习">
看书 <input type="checkbox" name="hobbt" value="看书" checked="checked">
<br />
<!--submit 提交按钮 -->
<!-- 点击了提交按钮,可以把 表单域form 里面的表单元素 里面的值 提交给后台服务器 -->
<input type="submit" value="免费注册"> <br />
<!-- 重置按钮可以还原表单元素初始的默认状态 -->
<input type="reset" value="重新填写"><br />
<!-- 普通按钮 botton 后期结合js 搭配使用-->
<input type="button" value="获取短信验证码"><br />
<!-- 文件域 使用场景---上传文件使用的 -->
上传头像:<input type="file">
</form>
<form>
籍贯:
<select>
<option>广东</option>
<option>北京</option>
<option selected="selected">上海</option>
<option>广西</option>
<option>辽宁</option>
<option>海南</option>
</select>
</form>
<form>
今日反馈:
<!-- cols=“50”可以写50个字 rows=“5” 5行 -->
<textarea cols="50" rows="5">
请输入相关信息
</textarea>
</form>
</body>
</html>
还没有评论,来说两句吧...