<!-- form定义表单域,将其范围内的表单元素提交给服务器 -->
<form action="demo.php" method="get">
<h3>表单元素</h3>
<h2>input</h2>
<!-- text文本框 用户可以输入任何文字 默认20字节 -->
<label for="text">用户名:</label><input type="text" name="username" value="请输入用户值" maxlength="6" id="text"><br>
<!-- password -->
密码:<input type="password" name="password"><br>
<!-- name是表单元素名字,单选可以通过相同的名字实现 -->
<!-- name,value值方便后台人员使用 -->
<!-- 单选框和复选框可以设置checked属性,当页面打开的时候可以默认选中这个按钮 ,给radio命名可实现单选-->
性别:<label for="nan">男</label><input type="radio" name="sex" value="男" id="nan"><label for="nv">女</label><input type="radio" name="sex" value="女" checked = 'checked' id="nv">
<br>
爱好:吃饭<input type="checkbox" name="hobby">睡觉<input type="checkbox"name="hobby">玩手机<input type="checkbox" name="hobby" checked = "checked"><br>
<br>
<!-- 下拉标签 选定状态selectede = "selected" -->
籍贯:
<select name="" id="">
<option value="beij">北京</option>
<option value="">南京</option>
<option selected = "selected">徐州</option>
</select>
<br>
<!-- 点击了提交按钮可以把表单域form中的表单元素里面的值提交给后台服务器 -->
<input type="submit" value="免费注册">
<!-- 重置 -->
<input type="reset" value="重新填写">
<!-- 普通按钮button 后期结合js搭配使用 -->
<input type="button" value="发送验证码">
<!-- 文件域 使用场景 上传文件使用 -->
上传头像:<input type="file">
今日反馈
<textarea name="" id="" cols="30" rows="10">textarea</textarea>
</form>