|
列表：
#04-1 CSS 元素归类（块级元素、行内元素）+a元素
#04-2 CSS 语义化标签—H5标签
#04-3-1 表单元素
#04-3-2 表单提交原理（触及post和get） #04-4 API自带元素标签
纯CSS实现表单验证
#04-1 CSS 元素归类（块级元素、行内元素）+a元素 display:block、inline、inline-block 块级包括块级和行内；行内只能包括文本和行内 块级占据一整行空间；行内占据自己宽度空间， 宽高设置、内外边距的差异**1、 块级元素
div h1-h6 p hr（线）
form table pre ul li dl ol
dd dt tr td th
**2、行内元素（内联）
em strong span a img br
button input label select textarea
code script
如图：
#04-2 CSS 语义化标签—H5标签
1、HTML版本
2、新增H5标签
#04-3-1 表单元素
1、实践
1、贴上完整的代码图： <label for="username">姓名</label> <input type="text" id="username" name="username1" placeholder="用户名"> <input type="password" id="password" name="password1"> <input type="radio" name="sex" value="男">男 <input type="checkbox" name="hobby" value="dota">dota <label for="textarea">评论</label> <textarea name="article"> 123 </textarea> <input type="hidden" name="abcd" value="12345"> <input type="file" name="myfile" accept="image/png"> <select name="city"> <option value="cat">猫</option> </select><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="login">
<input type="text" name="sex">
<form action="/a123" method="get">
<div class="username">
<label for="username">姓名</label>
<input type="text" id="username" name="username1" placeholder="用户名">
</div>
<div class="
| 
发表于 2024-6-30 01:38:37
