python自动化之路-html补充

最新推荐文章于 2023-08-12 18:51:24 发布

闫_先_生_

最新推荐文章于 2023-08-12 18:51:24 发布

阅读量350

点赞数

分类专栏：日志 IT技术 python自动化之路

本文链接：https://blog.csdn.net/zongyimin/article/details/55224805

版权

日志同时被 3 个专栏收录

188 篇文章 0 订阅

订阅专栏

IT技术

183 篇文章 0 订阅

订阅专栏

python自动化之路

70 篇文章 1 订阅

订阅专栏

label标签：获取焦点。

例子：

<div><label for="user">用户名：</label> <input id="user" type="text"/></div>
<div><label for="secret">密码：</label> <input id="secret" type="password"/></div>

注意：整个html保持id唯一性

form标签：表单，用于页面数据的提交。

form框框内包含所有的需要提交到后台的数据。

例子：

<form action="http://www.baidu.com" method="get" enctype="multipart/form-data">....<form>

action：需要提交数据到哪个URL，method：表示提交的方法（默认get提交方式），get与post区别是：get体现在url，post当成数据体提交到后台。

enctype：如果有文件需要提交到后台，则需要添加此属性。

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="margin: 0">
    <div>
        <form action="http://192.168.12.90:8000/index/" method="POST" enctype="multipart/form-data">
            <h1>用户登录</h1>
            <input type="file" name="upload" />

            <p>用户名：<input type="text" name="username" value="root" placeholder="请输入用户名" /></p> #placeholder默认显示内容或者指定value值
            <p>密码：<input type="password" name="pwd" value="root" /></p>

            <div>性别：
                <div>男 <input type="radio" name="geasdf" value="1"  /></div>
                <div>女 <input type="radio" name="geasdf" value="0" checked="checked"/></div>
            </div>
            <div>
                爱好：男 <input type="checkbox" name="hobby" value="11" checked="checked" /> #默认值
                     女  <input type="checkbox" name="hobby" value="22" checked="checked"/>
                    海涛 <input type="checkbox" name="hobby" value="海涛"/>
            </div>
             <select name="city1">
                <option value="88">上海</option>
                <option value="89" selected="selected">北京</option>   #设置默认值
                <option value="uu">广州</option>
                <option value="sh">沙河</option>
             </select>
            <select name="city2" multiple>
                <option value="88">上海</option>
                <option value="89" selected="selected">北京</option>   #设置默认值
                <option value="uu" selected="selected">广州</option>
                <option value="sh">沙河</option>
             </select>

            <textarea name="memo" placeholder="鸡汤...">来杯鸡汤...</textarea> #默认值，placeholder不能提交到后台


            <input type="button" value="按钮" />
            <input type="submit" value="提交" />
            <input type="reset" value="重置" />
        </form>
    </div>
</body>
</html>

img标签

例子：

<img src="images/03.jpg" alt="图片不存在时显示我是图片" title="鼠标放在图片上有显示内容">
src：表示图片原地址，alt：表示当图片不存在时，现实的内容，title：表示鼠标放到图片上后显示的内容。

ul标签

例子：

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
ol标签

例子：

<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>
dl标签

例子：

<dl>
    <dt>地铁</dt>
    <dd>地</dd>
    <dd>铁</dd>
</dl>
效果图：

table标签

table：表格

例子：

<table border="1">	#border加边框
    <thead>		#表头
    <tr>		#表示一行
        <th>用户名</th>	#行名
        <th>密码</th>
        <th>ID</th>
    </tr>
    <!--<tr></tr>-->
    <!--<tr></tr>-->
    </thead>
    <tbody>		#表体
    <tr>		#表示一行
        <td>root</td>	#表格内容
        <td>root123</td>
        <td>1</td>
    </tr>
    <tr>
        <td>root</td>
        <td>root123</td>
        <td>2</td>
    </tr>
    <tr>
        <td>root</td>
        <td>root123</td>
        <td>3</td>
    </tr>
    </tbody>

标签内可以嵌套.

例子：

<td><input type="text" placeholder="root123"></td>
<td><select name="1" id="1">
    <option value="1">上海</option>
    <option value="2">北京</option>
    </select>
</td>