Home Verkennen Help
Inloggen
lovecoding
/
VIP24
6
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Bladeren bron

表单 表格

dongxiuling 2 jaren geleden
bovenliggende
bfa7a4b25e
commit
51e9255034
2 gewijzigde bestanden met toevoegingen van 91 en 0 verwijderingen
Gecombineerde weergave Toon Diff Stats
  1. 42 0
      html/6_表格.html
  2. 49 0
      html/7_表单元素.html

+ 42 - 0
html/6_表格.html
Bestand weergeven 

@@ -0,0 +1,42 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <!-- 
+        table 表格
 
+        tr行
 
+        td列
 
+        th表头
 
+        
+        border 边框
 
+        cellpadding 内容和边框之间的距离
 
+        cellspacing 两个元素之间的距离
 
+     -->
 
+    <table border="1" cellpadding="10" cellspacing="0">
 
+        <tr>
 
+            <td>111</td>
 
+            <td>222</td>
 
+        </tr>
 
+        <tr>
 
+            <td>33</td>
 
+            <td>44</td>
 
+        </tr>
 
+    </table>
 
+
 
+    <table border="1" cellpadding="10" cellspacing="0">
 
+        <tr>
 
+            <th>111</th>
 
+            <th>222</th>
 
+        </tr>
 
+        <tr>
 
+            <td>33</td>
 
+            <td>44</td>
 
+        </tr>
 
+    </table>
 
+</body>
 
+</html>

+ 49 - 0
html/7_表单元素.html
Bestand weergeven 

@@ -0,0 +1,49 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+</head>
 
+<body>
 
+    <!-- 表单 -->
 
+    <form action="">
 
+        <!-- 文本框 -->
 
+        <input type="text">
 
+        <!-- 密码框 -->
 
+        <input type="password">
 
+        <br>
 
+        <!--  单选框 性别 单选框需要把一组起一个相同的name属性-->
 
+        <input type="radio" name="sex">男
 
+        <input type="radio" name="sex">女<br>
 
+
 
+        <!-- 复选框 checkbox 复选框一组起一个相同的name属性-->
 
+        爱好：
 
+        <input type="checkbox">打篮球
 
+        <input type="checkbox">吃饭
 
+        <input type="checkbox">睡觉
 
+        <br>
 
+        学校：
 
+        <!-- 下拉框 -->
 
+        <select >
 
+            <option value="">黑大</option>
 
+            <option value="">理工</option>
 
+            <option value="">xxx</option>
 
+        </select>
 
+
 
+        <!-- 文本域 -->
 
+        <textarea ></textarea>
 
+        <!--按钮 -->
 
+        <!-- submit提交按钮 点击会提交表单-->
 
+        <input type="submit">
 
+        <input type="button" value="click">
 
+        <!-- <button>click</button> -->
 
+        <input type="reset">
 
+
 
+    </form>
 
+
 
+
 
+    
+</body>
 
+</html>