HTML标签_表单标签_表单项select&textarea:
select:下拉列表
子元素:option:指定列表项
selected:默认选项
textarea:文本域:
cols:每一行有多少个字符
rows:默认多少行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单标签</title> </head> <body> <!-- form:用于定义表单的,可以定义一个范围,范围代表了采集用户数据的范围 属性: action:指定提交数据的URL(用于完成输入提交的位置) method:指定提交方式 分类:一共有7种,2种比较常用 get: 1.请求参数会在地址栏中显示 2.请求参数大小是限制的 3.不太安全 post: 1.请求参数不会再地址中显示,会封装在请求体中(HTTP协议后讲解) 2.请求参数的大小没有限制 3.较为安全0. 0表单项中的数据要想被提价:必须指定其name属性 --> <form action="#" method="post"> 账号:<input name="username" type=""><br> 密码:<input name="password"><br> <input type="submit" value="提交"><!--提交按钮--> </form> <hr> <!-- 表单属性 --> <form action="#" method="get"> <!--指定输入项的文字描述信息 label--> <label for="username">账号</label>:<input type="text" name="username" placeholder="请输入用户名" id="username"><br> <label for="password">密码</label>:<input type="password" name="password" placeholder="请输入密码" id="password"><br> <!--单选框--> 性别:<input type="radio" name="gender" value="男">男 <input type="radio" name="gender" value="女">女<br> <!--复选框--> 爱好:<input type="checkbox" name="hobby" value="睡觉"> 睡觉 <input type="checkbox" name="hobby" value="睡觉"> 睡觉 <input type="checkbox" name="hobby" value="睡觉"> 睡觉 <br> <!--图片选择框 file--> 图片:<input type="file" name="file"><br> <!--隐藏域框 hidden--> 隐藏域:<input type="hidden" name="hidden" value="aaa"><br> <!--取色器 color--> 取色器:<input type="color" name="color"><br> <!--日期 date--> 生日:<input type="date" name="date"><br> <!--具体日期 datetime-local--> 生日具体时间:<input type="datetime-local" name="datetime"><br> <!--邮箱 email--> 邮箱:<input type="email" name="email"><br> 年龄:<input type="number" name="number"><br> 省份:<select name="province"><!--下拉框 select--> <option>--请选择--</option><!--列表项 option--> <option value="1" selected>北京</option> <option value="2">上海</option> <option value="3">陕西</option> </select><br> 自我描述:<textarea name="textarea" cols="20" rows="5"></textarea> <br> <!--提交按钮 submit--> <input type="submit" value="提价"> <!--普通按钮 button--> <input type="button" value="一个按钮"><br> <!--图片提交 image--> <input type="image" src="image1/regbtn.jpg"> </form> </body> </html>
HTML标签_案例1_注册页面:
<!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title>注册页面</title> </head> <body> <!--注册页面--> <!--form表单--> <form> <!--表格table--> <table border = "1" align = "center" width = "500"> <!--单元格--> <tr> <!--用户名--> <td>用户名</td> <!--用户名单元框--> <td> <input type = "text" name = "username" placeholder = "请输入账号"> </td> </tr> <!--单元格--> <tr> <!--密码--> <td>密码</td> <!--密码单元框--> <td> <input type = "password" name = "password" placeholder = "请输入密码"> </td> </tr> <!--单元格--> <tr> <!--邮箱--> <td>Email</td> <!--邮箱单元框--> <td> <input type = "email" name = "emails" placeholder = "请输入Email"> </td> </tr> <!--单元格--> <tr> <!--姓名--> <td>姓名</td> <!--姓名单元框--> <td> <input type = "text" name = "name" placeholder = "请输入真实姓名"> </td> </tr> <!--单元格--> <tr> <!--手机号--> <td>手机号</td> <!--手机号单元框--> <td> <input type = "text" name = "tel" placeholder = "请输入您的手机号"> </td> </tr> <!--单元格--> <tr> <!--性别--> <td>性别</td> <!--性别单元框--> <td> <input type = "radio" name = "male" checked>男 <input type = "radio" name = "female">女 </td> </tr> <!--单元格--> <tr> <!--出生日期--> <td>出生日期</td> <!--出生日期单元框--> <td> <input type = "date" name = "birthday" > </td> </tr> <!--单元格--> <tr> <!--验证码--> <td>验证码</td> <!--验证码单元框--> <td> <input type = "text" name = "checkcode"> <img src="../img/5706105.png"> </td> </tr> <!--单元格--> <tr> <!--注册提交按钮--> <td colspan = "2" align = "center"> <input type = "submit" value = "注册"> </td> </tr> </table> </form> </body> </html>
标签:textarea,标签,表单,HTML,select,页面 From: https://www.cnblogs.com/hungui/p/16832888.html