layout: post
title: HTML学习日记二
subtitle: JavaWeb学习
date: 2017-11-12
author: ZL
header-img: img/html_learn_1.jpg
catalog: true
tags:
- HTML
- JavaWeb
HTML学习日记二
本文主要涉及到一些表单标签
form表单标签
action属性：请求路径，确定表单提交到服务器的地址（路径）（当submit被点击以后就会提交到action地址）
method属性：请求方式。常用的取值：GET(默认，提交的数据追加在请求路径上，地址栏里会显示)、POST（提交的数据不会追加在请求路径上）
input输入域标签
text：文本框
password：密码框
submit：提交按钮（使用这个一定要有form包裹，因为需要form的action，不然提交到哪里去？）
radio：单选框（那么一样的视为一组）
checkbox：复选框（那么一样的视为一组）
file：文件上传组件，提供"浏览"按下可以选择需要上传文件
hidden：隐藏字段·数据会发送给服务器，但浏览器不进行显示。
reset：重置按钮。将表单恢复到默认值。
image：图形提交按钮，通过src给按钮设置图片。
button：普通按钮，常用于与JavaScript结合使用。
name：元素名
value属性：设置input标签的默认值。submit和reset为按钮显示数据
size：大小
checked属性：单选框或复选框被选中。
disabled：是否可用
maxiength：允许输入的最大长度
readonly：只读
select 下拉列表标签
name属性：发送给服务器的名称
multiple属性：不写默认单选，取值为"multiple"表示多选。
size属性：多选时，可见选项的数目。
option子标签：下拉列表中的一个选项（一个条目）。
selected：勾选当前列表项
value：发送给服务器的选项值。
textarea 文本域标签
cols属性：文本域的列数
rows属性：文本域的行数
代码
<html>
<head>
<meta charset="UTF-8">
<title>表单标签属性介绍</title>
</head>
<body>
<form action="#" method="get">
隐藏字段:<input type="hidden" name="id" value="" /><br />
用户名：<input type="text" name="username" readonly="readonly" value="zhangsan" size="40px" maxlength="5" placeholder="请输入用户名"/><br />
密码：<input type="password" name="password" required="required"/><br />
确认密码：<input type="password" name="repassword"/><br />
性别：<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女" checked="checked"/>女<br />
爱好：<input type="checkbox" name="hobby" value="钓鱼"/>钓鱼
<input type="checkbox" name="hobby" value="打电动"/>打电动
<input type="checkbox" name="hobby" value="写代码" checked="checked"/>写代码<br />
头像：<input type="file" name="file"/><br />
籍贯：<select name="province">
<option>--请选择--</option>
<option value="北京">北京</option>
<option value="上海" selected="selected">上海</option>
<option value="广州">广州</option>
</select><br />
自我介绍：
<textarea name="zwjs">
</textarea><br />
提交按钮：<input type="submit" value="注册"/><br />
普通按钮：<input type="button" value="zhuce"/><br />
重置按钮：<input type="reset" />
</form>
</body>
</html>
