HTML

1、form标签

1.1  input标签中的text类型、password类型、checkbox类型、radio类型、file类型、submit类型、button类型 以及textarea标签

 <form action="http://127.0.0.1:8090/index" method="post" enctype="multipart/form-data">
    <h1>注册页面</h1>
    <p>姓名<input type="text" name="username" placeholder="请输入你的用户名"></p>
    <p>密码<input type="password" name="pwd" placeholder="请输入密码"></p>
    <p>爱好&nbsp&nbsp&nbsp&nbsp音乐<input type="checkbox" name="hobby" value="music">电影<input type="checkbox" name="hobby" value="movie" checked></p>
    <p>性别&nbsp&nbsp&nbsp&nbsp男<input type="radio" name="gender" value="men">女<input type="radio" name="gender" value="women"></p>
    <p><input type="file" name="上传的文件"></p>
    <textarea name="desc" cols="50" rows="5"></textarea>
    <p><input type="submit" value="提交注册">&nbsp<input type="reset" value="重置"></p>
    <input type="button" value="无用的测试按钮">
    </form>

 

post:提交的键值对 不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制.

一般请求或查看某一个数据的时候，用get。所有的地址url请求都是get？

 

form表达可以向服务端发送请求，url地址栏也可以直接发送请求，默认是以get方式请求的

http://127.0.0.1:8090/index?hello=world

 1.2  select标签

<select name="province" size="1">
      <optgroup label="山东省">
        <option value="jinan">济南市</option>
        <option value="qingdao" selected>青岛市</option>
        <option value="weifang">潍坊市</option>
        <option value="rizhao">日照市</option>
      </optgroup>

      <optgroup label="江苏省">
        <option value="nanjing">南京市</option>
        <option value="suqian" selected>宿迁市</option>
        <option value="xuzhou">徐州市</option>
      </optgroup>

    </select>

 2.table标签

<table border="1px" cellpadding="10px" cellspacing="5px">
    <thead>
        <tr>
            <th>111</th>
            <th>222</th>
            <th>333</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td rowspan="2">11111</td>

            <td colspan="2">33333</td>

        </tr>
        <tr>

            <td>22222</td>
            <td>33333</td>

        </tr>
        <tr>
            <td>11111</td>
            <td>22222</td>
            <td>33333</td>

        </tr>
        <tr>
            <td>11111</td>
            <td>22222</td>
            <td>33333</td>

        </tr>
    </tbody>
</table>

 

border是表格的粗细；

cellpadding是表格的内边距；

cellsapcing是表格的外边距；

rowspan是表格的行占位；

colspan是表格的列占位；

th是表的表头的标签；

td是表的内容的标签；

tbody和thead可以省略不写