码迷,mamicode.com
首页 > Web开发 > 详细

html表单

时间:2020-07-15 15:12:37      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:bsp   文件   file   username   title   lang   类型   pre   amp   

html表单
表单用于搜集不同类型的用户输入表单由不同类型的标签组成相关标签及属性用法如下:
<form> 标签定义整体的表单区域
action属性定义表单数据提交地址
method属性定义表单提交的方式一般有get方式和post方式

<label> 标签为表单元素定义文字标注
<input>标签定义通用的表单元素
type属性
type="text"定义单行文本输入框
type="password"定义密码输入框
type="radio"定义单选框
type="checkbox"定义复选框
type="file"定义上传文件
type="submit"定义提交按钮
type="reset"定义重置按钮
type="image"定义图片作为提交按钮用src属性定义图片地址
type="hidden"定义一个隐藏的表单域用来存储值
value属性定义表单元素的值
name属性定义表单元素的名称此名称是提交数据时的键名

1,

 

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>表单</title>
</head>
<body>
        <h1>注册表单</h1>
        <form action="" method="post">
                 <p>
                 <label>用户名:</label>
                  <input type="text" name="username"/>
                  </p>

                 <p>
                  <label>&nbsp;&nbsp;&nbsp;码:</label>
                  <input type="password" name="password">
                 </p>

                 <br>

                 <div>
                       <label>&nbsp;&nbsp;&nbsp;别:</label>
                        <input type="radio" name="gender" value="0"><input type="radio" name="gender" value="1"></div>
                 <br>
                 <div>
                        <label>&nbsp;&nbsp;&nbsp;好:</label>
                        <input type="checkbox" name="like" value="xuexi">学习
                        <input type="checkbox" name="like" value="kanshu">看书
                         <input type="checkbox" name="like" value="pianr">骗人
                 </div>
                 <br>
                 <div>
                        <label>&nbsp;&nbsp;&nbsp;片:</label>
                        <input type="file" name="">
                 </div> 
                <br>
                 <div> 
                         <label>个人介绍:</lable>
                         <textarea name="introduce"></textarea>
                 </div>
                 <br>
                 <div>
                        <label>籍贯:</label>
                         <select name="site">
                         <option value="0">湖南</option>
                         <option value="1">湖北</option>
                          <option value="2">湖西</option>
                           <option value="3">湖东</option>
                          </selct>
                         
                  </div>
                  <br>
                  <br>
                  <div>
                          <input type="submit" name="" value="提交">
                          <input type="reset" name="" value="重置">
                  </div>
        </form>

</body>
</html>

 

html表单

标签:bsp   文件   file   username   title   lang   类型   pre   amp   

原文地址:https://www.cnblogs.com/laochun/p/13304553.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!