表单域(了解即可,还要到学习服务器阶段才可以真正送到后台)
定义了一个区域了之后,可以把这部分区域发送到后台上
<form action=“url地址” method=“提交方式” name="表单域名称">各种表单元素控件
</form>
<!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 action="xxx.php" method="get"><!-- name值可以区分每一个表单元素 --><!-- value是告诉后台是一个什么值 --><!-- checked属性是在单选和复选框中可以让数据默认选上 --><!-- maxlength属性可以限制最大字符输入数量 --><!-- 文本框 -->用户名<input type="text" name="user" value="请输入用户名" maxlength="6"><br>账户<input type="text" name="account" value="请输入账户"><br><!-- 密码框 -->密码 <input type="password" name="psw"><br><!-- 单选按钮,一定要用name值,不然就成了多选 --><!-- label标签的作用就是点击了男就可以选中那个圆圈,就不用专门选中那个圆圈来选中那个选项 id和for一定要相同的数据 -->性别:<input type="radio" name="sex" checked="checked" id="nan"><label for="nan">男</label><input type="radio" name="sex" checked="checked" id="nv"><label for="nv">女</label><!-- 多选按钮 -->爱好:<input type="checkbox" name="hobby">篮球<input type="checkbox" name="hobby">跳舞<input type="checkbox" name="hobby">唱歌<input type="checkbox" name="hobby">足球<br><!-- 提交按钮可以把数据传到服务器,value可以定义按钮内显示的文字 --><input type="submit" name="submit" value="注册"><!-- 重置按钮可以把数据全部清除 --><input type="reset" name="reset" value="重置"><br>请输入验证码<input type="text" name="yzm"><!-- button是为了完成某项任务,后期搭配js来使用 --><input type="button" value="获得验证码"><br><!-- 文件域 为了上传文件使用的 -->上传图片 <input type="file"><!-- select下拉列表 -->学科:<select><option>数学</option><option>语文</option><option>英文</option></select><!-- 多行文本框 cols是每行中的字符数 row显示行数 实际开发中不会这样用,一般用css来设置 -->建议:<textarea rows="4" cols="20">写出你的建议</textarea></form></body></html>