form 表单（创建一个表单区域）双标签 块级
action 提交后台地址，method 提交信息、数据的方式（�两种方式 get (不能提交安全性能高的) post ）
小例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单-form</title>
<style>
input{
/**/
outline: none;
width:300px;
height:30px;
border:none;
font-size:16px;
padding:0 20px;
}
.username{
width:400px;
height:30px;
padding-left:20px;
border:1px #000 solid;
}
label,input[type="text"]{
display: block;
float:left;
}
</style>
</head>
<body>
<form action="" method="">
<div class="username">
<label for="username">用户名:</label>
<input id="username" type="text" name="username" placeholder="请输入您的用户名"/>
<span>x</span>
</div>
<div class="password">
<label for="password">密 码:</label>
<input id="password" type="password" name="password" placeholder="请输入您的密码"/>
</div>
<input type="submit" value="登录"/>
<input type="reset" value="清空"/>
</form>
</body>
</html>
type="text" 定义文本输入框
type="password" 定义密码输入框
type="submit" 定义数据、信息提交按钮
type="reset" 定义重置信息、数据按钮
name=""定义数据名称 （字段名称）
value=""定义默认值|信息
placeholder=""定义提示信息
label 关联标签 双标签
form表单
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 一.什么是< form>表单 格式： 作用：form表单一般用来收集用户的信息，并把信息传送到后台。 注意点：1....
