html2
列表
<ul type="disc/circle/square">
<li>中国
<ul>
<li>北京</li>
<li>天津</li>
<li>上海</li>
</ul>
</li>
<li>美国</li>
<li>日本</li>
</ul>
有序列表
<ol type="1/A/a/I">
<li>中国
<ol>
<li>北京</li>
<li>天津</li>
<li>上海</li>
</ol>
</li>
<li>美国</li>
<li>日本</li>
</ol>
<!doctype html>
<html>
<head>
<title>表单</title>
</head>
<!--普通表单-->
<!--
1、表单有什么用？
收集用户信息。表单展现之后，用户填写表单，点击提交按钮提交数据给服务器。
2、怎么画一个表单？
使用form标签画表单。
3、一个网页当中可以有多个表单form。
4、表单最终是需要提交数据给服务器的，form标签有一个action属性，这个属性用来指定服务器地址：
action属性用来指定数据提交给哪个服务器。
action属性和超链接中的href属性一样。都可以向服务器发送请求（request）
method属性用来指定提交方法，默认是get请求，可以通过设置method="post"来指定以post方式提交
5、怎么实现表单里面的内容？
大致可以分为按钮、输入框、选择框。
一、按钮
①画按钮可以使用<input />输入域，type="submit"的时候表示该按钮是一个提交按钮，具有提交表单的能力。
②画按钮可以使用<input />输入域，type="button"的时候表示只是纯属一个按钮，不具有提交表单的能力。
②画按钮可以使用<input />输入域，type="reset"的时候表示清空按钮，具有清空表单内容的能力。
按钮的value属性用来指定按钮上显示的文本信息
二、输入框
①使用<input />输入域，文本输入框属性：type="text"
②使用<input />输入域，密码输入框属性：type="password"
③使用<textarea> </textarea>输入文本域，属性：row="行数" cols="列数"
重点强调：表单项写了name属性的，一律会提交给服务器。不想提交这一项，就不要写name属性。但是输入框必须得写。
文本框和密码框的value不需要程序员指定，用户输入什么value就是什么。
当name没有写的时候，该项不会提交给服务器。
但是当value没有写的时候，value的默认值是空字符串""，会将空字符串提交给服务器。java代码得到的是：String username = "";
三、选择框
①使用<input />输入域，单选框输入属性：type="radio" value属性必须手动加上，表示提交的内容，同个name表示同一组，checked 默认选中。
②使用<input />输入域，复选框输入框属性：type="checkbox"，属性同上
③使用<select></select>下拉框输入域,属性指定name，底下<option></option>,属性指定value,selected表示默认选中，提交的数据为：xueli=bk
重要的几个属性：
action：找到路径
name:提交数据名
value:提交数据内容，输入框不用，选择框需要指定
submit:一键提交
url格式：action?name=value&name=value
例如:http://192.168.101.2:8080/crm/login?username=Linjiebin&password=123
-->
<body>
<form action="http://192.168.101.2:8080/crm/login" method="get">
<!--输入框-->
用户名<input type="text" name ="username"/><br>
密 码<input type="password" name = "password"/><br>
说 明<textarea rows="5" cols="20"></textarea><br>
<!--选择框-->
<input type="radio" name="gender" value="1" checked />男
<input type="radio" name="gender" value="2" />女
<br>
<input type="checkbox" name="hobby" value="chouyan"/>抽烟
<input type="checkbox" name="hobby" value="drink"/>喝酒
<input type="checkbox" name="hobby" value="perm"/>烫头
<br>
学历<select name="xueli">
<option value="gz">高中</option>
<option value="dz">大专</option>
<option value="bk" selected>本科</option>
</select>
<br>
<!--按钮-->
<input type="submit"><input type="reset" value="清空">
<!--提交后输出的格式内容
http://192.168.101.2:8080/crm/login?username=LinJiebin&password=&gender=1&hobby=drink&hobby=perm&xueli=bk
-->
</form>
</body>
</html>
<!--写一个合格的表单--利用表格-->
<form action="#">
<table >
<tr>
<td>账号</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="password"/></td>
</tr>
<tr align="center">
<td colspan="2" >
<input type="submit"/>
<input type="reset"/>
</td>
</tr>
</table>
</form>
<!doctype html> <html> <head> <title>file、hidden、readonly、disable、maxlength</title> </head> <body> <!--file控件：文件上传专用。--> <input type="file"></input> <form action="#"> <!--隐藏域：网页上看不到，但是表单提交的时候数据会自动提交给服务器。--> <input type="hidden" name="username" value="zhangsan" /> <br> <!-- readonly和disabled相同点：都是只读不能修改。 但是readonly可以提交给服务器，disabled数据不会提交（即使有name属性也不会提交。） 有必要设定name和value --> 用户<input type="text" name="account" value="13502318891" readonly /> 密码<input type="password" name="username" value="111123" disabled /> <!--maxlength 设置文本框中可输入的字符数量。--> 手机号码<input type="text" maxlength="11" name="phone" /> <input type="submit" /> </form> </body> </html>
浙公网安备 33010602011771号