首页 > 代码库 > html(表单)
html(表单)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>表单</title>
6 <link rel="stylesheet" type="text/css" href="">
7 </head>
8 <body>
9 <!-- 表单:form
10 method:方式、方法,常用的有post,get
11 post信息容量更大,信息加密
12 get信息容量小,不加密,传递信息是明文
13 get:地址栏方式/url方式/链接方式
14 action指定了接受信息的文件
15 -->
16 <form method="post" action="">
17 <!-- 文本框 text
18 type="种类" 必须填写
19 name="名字" 必须填写
20 value="http://www.mamicode.com/值" 真正传过去的东西
21 label:点击自动获取焦点
22 placeholder:占位说明
23 submit:提交
24 在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签 25 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character 26 entities)。如需显示小于号,我们必须这样写:< 或 < 或 <
27 -->
28 <label for="nick">昵称:</label><input type="text" name="nick" value="" 29 placeholder="请输入昵称">
30 <br>
31 <label for="pass">密码:</label><input type="password" name="pass" 32 placeholder="请输入密码">
33 <br>
34 <!--提交按钮 -->
35 <input type="submit">
36 <br>
37 <!-- 单选按钮
38 name :一组内的一定要一样,否则会多选
39 -->
40 性别:<input type="radio" name="sex" value="http://www.mamicode.com/male">男
41 <input type="radio" name="sex" value="http://www.mamicode.com/female">女
42 <br>
43 <!-- 多选按钮
44 一组内的name一定要一样
45 -->
46 爱好:<input type="checkbox" name="hobby" value="http://www.mamicode.com/film">看电影
47 <input type="checkbox" name="hobby" value="http://www.mamicode.com/eat">吃
48 <input type="checkbox" name="hobby" value="http://www.mamicode.com/game">游戏
49 <input type="checkbox" name="hobby" value="http://www.mamicode.com/book">读书
50 <!-- 文本域
51 textarea
52 rows:行数(高度)
53 cols:列数(宽度)
54 -->
55 <textarea name="detail" value="" rows="10" cols="150" >
56 yiashubn
57 </textarea>
58 <br>
59 <!-- 下拉列表 -->
60 地点:
61 <select name="area">
62 <option value="">请选择地点</option>
63 <option value="http://www.mamicode.com/1">河北区</option>
64 <option value="http://www.mamicode.com/2">南开区</option>
65 <option value="http://www.mamicode.com/3">河东区</option>
66 <option value="http://www.mamicode.com/4">红桥区</option>
67 </select>
68 </form>
69 </body>
70 </html>
本文出自 “12145704” 博客,请务必保留此出处http://12155704.blog.51cto.com/12145704/1863128
html(表单)