2020-03-06

笔记

1.列表

    无序列表   ul   li

    有序列表   ol   li

    定义列表   dl   dt 被定义的内容   dd 对定义内容的描述

    dl、ul、ol之间可以互相嵌套

<th>和<td>的区别:<th>内容居中加粗

表格是为了更好的格式化显示数据

单元格合并

    colspan:跨列合并单元格

    rowspan:跨行合并单元格

合并步骤:

    确定合并目标单元格,确定是跨行合并还是跨列合并

    在第一个出现的单元格上书写合并单元格属性

    合并几个单元格,属性就写几

    被合并的目标单元格必须删掉

表单标签

    <form></form>

    用于定义一个表单    

    类似java 的Scanner

输入项标签

<input>标签

    type:设置标签种类

    text:文本框

    password:密码框

    radio:单选框

    chechbox:复选框

    submit:提交按钮

    reset:重置按钮

    file:附件框

    hidden:隐藏域

    button:普通按钮

表单点击提交按钮

    url?参数列表

选择框标签

    <select></select>:定义一个选择框

<!DOCTYPE html>

<html>

<head>

<title>注册页面</title>

<meta charset="utf-8" />

</head>

<body>

<form action="后台服务器.html">

<input type="hidden" name="uid" value="123">

用户头像<input type="file" name="photo"><br><br>

用户名<input type="text" name="username"><br><br>

密码<input type="password" name="password"><br><br>

手机<input type="cell phone" name="cell phone" maxlength="11"><br><br>

邮箱<input type="Mailbox" name="Mailbox"><br><br>

性别<input type="radio" name="gender" value="male">男

<input type="radio" name="gender" value="female">女<br><br>

年龄<input type="age" name="age" ><br><br>

爱好<input type="checkbox" name="hobby" value="wzry">王者荣耀

<input type="checkbox" name="hobby" value="hpjy">和平精英

<input type="checkbox" name="hobby" value="ttkp">天天酷跑

<input type="checkbox" name="hobby" value="cyhx">穿越火线<br><br>

自我介绍<textarea name="info"></textarea><br><br>

所在省份<select name="shenfeng" mulitiple="mulitiple">

<option value="henan">河北</option>

<option value="henan">河南</option>

<option value="shanxi">山西</option>

<option value="shandong">山东</option>

<input type="submit" value="注册">

<input type="reset" name="">

</form>

</body>

</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容