首页 > 代码库 > 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)。如需显示小于号,我们必须这样写:&lt; 或 &#60; 或 &#060; 

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(表单)