HTML表单

1.表单用于搜集不同类型的用户输入，表单由不同类型的标签组成，相关标签及属性用法如下：

网站建设公司,为您提供网站建设,网站制作,网页设计及定制网站建设服务,专注于成都定制网页设计,高端网页制作,对成都雨棚定制等多个行业拥有丰富的网站建设经验的网站建设公司。专业网站设计,网站优化推广哪家好,专业营销推广优化,H5建站,响应式网站。

（1）

标签：定义整体的表单区域

action属性：定义表单数据提交的地址
method属性：定义表单提交的方式，一般有“get"方式和“post"方式

（2）标签为表单元素定义文字标注

（3）标签定义通用的表单元素
type属性：
type="text" 定义单行文本输入框
type="password" 定义密码输入框
type="radio" 定义单选框
type="checkbox" 定义复选框
type="file" 定义上传文件
type="submit" 定义提交按钮
type="reset" 定义重置按钮
type="image" 定义图片作为提交按钮，用src属性定义图片地址
type="hidden" 定义一个隐藏的表单域，用来存储值

value属性定义表单元素的值
name属性定义表单元素的名称，此名称是提交数据时的键名

（4）
标签：多行文本输入框<br/><select>标签：下拉表单元素<br/><option>标签：与<select>标签配合使用，定义下拉表单元素的选项</p><p><body></p><pre><code><h2>注册表单</h2> <form action="" method="post"> <div> <label for="0">用户名：</label> <input type="text" name="username" id="0"/>  </div> <p> <label for="1">密码：</label> <input type="password" name="password" id="1"/> </p> <p> <label >性别：</label> <input type="radio" name="gender" value="0" id="male"/> <label for="male">男</label> <input type="radio" name="gender" value="1" id="female"/> <label for="female">女</label> </p> <p> <label>爱好：</label>  <input type="checkbox" name="like" value="study"/> 学习 <input type="checkbox" name="like" value="languge"/> python <input type="checkbox" name="like" value="architecture"/> django </p> <p> <label>照片：</label> <input type="file" name="file" /> </p> <p> <label name="introduce" >个人介绍：</label> <textarea >

籍贯

HTML表单

分享题目：HTML表单
网页URL：http://wjwzjz.com/article/gghddj.html

新网创想网站建设，新征程启航

HTML表单

其他资讯