HTML -form标签和table标签

9:36 2019/2/27/周三
///
body里面的表单标签
/


///
input 标签
/
///
input form标签向服务器发送信息。（另一种是Ajax）
/

<form action="http://127.0.0.1:8000/" method="post">

action 表示的是地址，method 表示的是发送请求的方式默认的是GET，
                                              

<p>用户名<input type="text" name="username" placeholder="姓名"readonly="readonly" > </p><p>密码：<input type="password" name="password" placeholder="密码"></p>//type是类型text 是文本类型，属于明文，其中的name里面'username'相当于字典里面的key.)readonly表示只读。
<p>爱好: 篮球<input type="checkbox"name="hobby" value="baskeball" > 足球<input type="checkbox" name="hobby",value="football"></p>       //"checkbox"是多选框，这个可以多选，name 里面的值同样是字典里面的key,value里面的值就是字典里面的value.
<p>性别：  男<input type="radio" name="gender" value="men"> 女<input type="radio" name="gender" value="women"> </p>这个是单选宽，如果把name里面的值换成不一样的，那么结果和上面的单选框效果一样。

<p><input type="submit" value="提交"></p>//在表单里面的submit 类型，可以触发事件：就是把上面的表单信息打包成字典发送给后台。
<p><input type="button" value="button提交"></p>//这个button表面上和submit一样但是不触发事件，只有和js绑定在一起才能够触发事件。

<p><input type="reset" value="重置"></p>


///form
<form action="http://127.0.0.1:8000/" method="post" >
<p>用户名<input type="text" name="username" placeholder="姓名" readonly="readonly" disabled > //这个属性值可以对所有的input使用，就是禁止操作的意思</p><p>密码：<input type="password" name="password" placeholder="密码"></p>
<p>爱好: 篮球<input type="checkbox"name="hobby"  > 足球<input type="checkbox" name="hobby"></p>
<p>性别：  男<input type="radio" name="gender" value="men"> 女<input type="radio" name="gender" value="women"> </p>
<p><input type="reset" value="重置"></p>
<p><input type="file" value="选择文件"name="put_files"></p>
<p><input type="submit" value="提交"></p>
</form>


///form服务器端：
# -*- coding: utf-8 -*-
from __future__ import unicode_literals

from django.shortcuts import render
from django.http import HttpResponse
# Create your views here.
def index(req):
    print (req.POST)
    print (req.GET)
    print (req.FILES)
    return HttpResponse("注册成功")
///

               select标签：（下拉框）

/
省：<select name="pro" multiple size="2">//multiple 是可以复选的，不加是单选。size表示的是可看的里面的内容。显示2个。
    <optgroup label="中国">//在最上面显示中国，下面可以选择省份。
    <option value="" selected="selected">江苏省</option> selected =selected,表示默认选择。
    <option value="">山东省</option>
    <option value="">云南省</option>
    <option value="">其他</option>
</select>

//
<label for="www">姓名</label>//这个是把
<input id="www">
<textarea name=""></textarea>//大文本输入框。

21:16 2019/2/27/周三

    HTML 表格标签
//

<table border="5px" cellpadding="55px" cellspacing="55px">//border 是设置外面的长度，cellpadding里面是表格里面的长度，cellspacing是表格里面的框到，最外层之间的距离，比如一个表格框到另一个框之间的距离。
    <thead>
    <tr>
        <td>11111</td>
        <td rowspan="2">11111</td>rowspan是占用2行，算是合并单元格。同样colspan占2列同样是合并单元格。
        <td>11111</td>
        <td>11111</td>
    </tr>
    <tr>
        <td>11111</td>
        <td colspan="2">11111</td>
    </tr>
    </thead>
     <thead>
    <tr>
        <td>11111</td>
        <td>11111</td>
        <td>11111</td>
        <td>11111</td>
    </tr>
    <tr>
        <td>11111</td>
        <td>11111</td>
        <td>11111</td>
        <td>11111</td>
    </tr>
    </thead>
     <thead>
    <tr>
        <th>222222</th>
        <th>222222</th>
        <th>222222</th>
        <th>222222</th>
    </tr>
    </thead>