[第五季]7.HTML列表和表单标签

最新推荐文章于 2024-05-31 08:57:56 发布

低调的嚣张的程序员

最新推荐文章于 2024-05-31 08:57:56 发布

阅读量319

点赞数

分类专栏： 007 HTML&CSS 文章标签：表单标签

本文链接：https://blog.csdn.net/zeephom/article/details/76358968

版权

007 HTML&CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

4.复习笔记(这个就是课后习题以及课程所呈现的需求)

①创建表单

用户名:文本框,设置size为50
密码:密码框
性别:原点单选框
兴趣爱好:多选框

所在城市:列表框

备注:备注区域

②添加重置按钮
③添加提交按钮
④添加无代码的按钮.

只有列表和备注区域是比较特殊的

5.自测代码

2.课堂笔记

列表元素
1.无序列表
<ul>                            ul=unsorted list=无序列表
    <li>Coffee</li>            li=list item=列表项
    <li>Tea</li>
    <li>Milk</li>
</ul>
(1)创建列表项
(2)更改前面点的类型
ul属性: type= disc / circle / square
2.有序列表
ol=ordered list=有序列表
(1)创建有序列表
<ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol>
(2)更改序号类型
ol属性 type = A / a / I / i 
3.列表嵌套=列表中嵌套列表
2个案例复制一下,查看一下结果.
4.表单<form>
(1)表单=网页上填写信息的
用户名，密码，性别，兴趣爱好，所在城市，备注，提交按钮，重置按钮,提示按钮
首先要做一个表单
<form></form>
一个表单的数据会一起提交.

input type="text" type= text/password/radio(取一样的name表示一组)/checkbox/button/submit/reset

用户名:text
密码:password
性别:radio
兴趣爱好:checkbox
所在城市:<select name>
备注:<textarea name="memo">
(2)添加保存按钮
添加重置按钮,reset，这个主意要写在</form里面.>
添加提交按钮，submit

3.课程效果图

这里写图片描述

1.代码

<html>
<head>
<title>学生信息表</title>
</head>

<body>
<form>
用户名:<input type="text" name="username" size=50>
<p>
<br>
密码:<input type="password" name="pass" size=50></br>

<p>性别:男<input type="radio" name="sex"> 女<input type="radio" name="sex"></p>
<p>兴趣爱好</p>
看书<input type="checkbox" name="read"> 游泳<input type="checkbox" name="swim"> 爬山<input 

type="checkbox" name="clam">

<p>
<select name="city">

 <option value="1">北京</option>
 <option value="2">上海</option>
 <option value="3">天津</option>
 <option value="4">重庆</option>
</select>
</p>
备注<textarea name="memo"></textarea>
<p></p>
<input type="reset" value="重置">
<input type="submit" value="保存"> <input type="button" value="获取帮助">
</form>
</body>
</html>