首页 > 代码库 > 小白的第六天
小白的第六天
2016年10月18日星期二
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
<link rel="stylesheet" type="text/css" href="">
</head>
<body>
<!--
表单：form
method 方式/方法
常用的有post,get
post
post:容量更大，信息加密
get:传递信息是明文不加密，信息容量小
get 地址栏方式 url方式 链接方式
action 指定了接受信息的文件
-->
<form method="post" action="index.php">
<!-- 文本框 text
type="类型" 必须
name="名字" 必须
value="http://www.mamicode.com/值" 真正传过去的东西
placeholder 占位说明
label 点击自动获取焦点
-->
<label for="nicname">昵称：</label><input id="nicname"type="text" name="nicname" value="" placeholder="请输入昵称"><br>
<!-- 密码框
type="password"
br 换行
-->
<label for="password">密码：</label><input id="password" type="password" name="pass" value="" placeholder="请输入密码"><br>
<!-- 提交按钮
type="submit"
-->
<!--
例如“空格<>”之类的符号在HTML中拥有特殊的含义，为了在网页中显示它们，我们需要使用字符实体。例如： “空格”
-->
<input type="submit" name="" value="http://www.mamicode.com/登录"><br>
<input type="reset" name="reset"
value="http://www.mamicode.com/重置"><br>
<input type="button" name="button"value="http://www.mamicode.com/按钮"><br>
<!-- 单选按钮
name 一组内的name一定要一样
-->
性别：
<input type="radio" name="sex" value="http://www.mamicode.com/0">男
<input type="radio" name="sex" value="http://www.mamicode.com/1">女
<input type="radio" name="sex" value="http://www.mamicode.com/2">泰国人<br>
<!-- 多选按钮
type="checkbox"
name很重要
一组内一定要一样
-->
爱好：
<input type="checkbox" name="hobby" value="http://www.mamicode.com/eat">吃
<input type="checkbox" name="hobby" value="http://www.mamicode.com/sleep">睡
<input type="checkbox" name="hobby" value="http://www.mamicode.com/game">游戏
<input type="checkbox" name="hobby" value="http://www.mamicode.com/travel">旅游
<input type="checkbox" name="hobby" value="http://www.mamicode.com/books">读书
<br>
<!-- 文本域
textarea
rows="行数" 高度
cols="列数" 宽度
-->
<textarea name="detail" rows="10" cols="100" value="http://www.mamicode.com/123">
我的愿望是“世界和平”
</textarea>
<br>
<!-- 下拉列表
select
-->
地点：
<select name="area">
<option value="">请选择地点</option>
<option value="http://www.mamicode.com/2">河东区</option>
<option value="http://www.mamicode.com/3">南开区</option>
<option value="http://www.mamicode.com/4">红桥区</option>
<option value="http://www.mamicode.com/5">河西区</option>
<option value="http://www.mamicode.com/6">和平区</option>
<option value="http://www.mamicode.com/7">河北区</option>
</select>
</form>
<form method="get"></form>
</body>
</html>
kitty
小白的第六天