form表单

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 关联标签 双标签

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 4,831评论 0 0
  • 一.什么是< form>表单 格式: 作用:form表单一般用来收集用户的信息,并把信息传送到后台。 注意点:1....
    饥人谷_刘冲阅读 7,808评论 0 1
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 4,421评论 0 1
  • 1.form标签简介 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送...
    饥人谷_小侯阅读 2,976评论 0 0
  • form简介 是HTML中的一个元素,它表示文档中的一个区域,这个区域包含了交互控件,用于向web服务器提交信息。...
    七里之境阅读 5,177评论 0 1