下拉框

<p>
    省:
    <select name="province">
        <option selected>--- 请选择 ---</option>
        <option value="0001">河北省</option>
        <option  value="0002">山西省</option>
        <option  value="0003">陕西省</option>
    </select>
</p>

下拉框能够一本万利客户输入,具体的内容如上所示。

 1 <form method="" action="" enctype="multipart/form-data(提交表单中有文件设置)">
 2     <!-- 输入框-文本框 -->
 3     <input type="text" name="文本框名称"/>
 4     <!-- 输入框-密码框 -->
 5     <input type="password" name="密码框名称"/>
 6     <!-- 输入框-单选按钮(通常是一对) -->
 7     <input type="radio" name="单选按钮名称" value="单选按钮值"/>描述文本(页面显示内容)
 8     <!-- 输入框-复选框(通常是 name属性相同的一组) -->
 9     <input type="checkbox" name="复选框名称" value="复选框值"/>描述文本(页面显示内容)
10     <!-- 输入框-文件域(注意此时必须设置表单的 enctype 属性) -->
11     <input type="file" name="文本框名称"/>
12     <!-- 下拉列表 -->
13     <select name="下列框名称">
14         <option value="下拉列表选项值(通常是一组)">下拉列表选项(页面显示内容)  </option>
15     </select>
16     <!-- 按钮-普通 -->
17     <input type="button" name="按钮名称" value="按钮页面显示文字">
18     <!-- 按钮-提交 -->
19     <input type="submit" name="按钮名称" value="按钮页面显示文字">
20     <!-- 按钮-重置 -->
21     <input type="reset" name="按钮名" value="按钮页面显示文字">
22 </form>

澳门凯旋门注册网址,凯旋门074网址,表单结构

1 <form action="" method="POST" enctype="multipart/form-data">
2     用户名:<input type="text" name="username"/>
3 
4     <input type="submit" name="提交按钮"/>
5 </form>

澳门凯旋门游戏网址,如上是叁个最简便的表单结果,在表单结构中须要大家通晓的内容除了表单相关的标签外,便是表单的习性。action 属性,指向服务器管理表单的主次地址,而method属性内定浏览器处理表单的点子,常用的点子满含GET、POST,如下是大家总括的部分关于那三种方法的区分:

在HTML中对于表单提供了一丰富多彩的标签凯旋门074网址。GET,这种方法在表单提交的时候可比快,可是表单中的数据会呈现在浏览器的地点栏中,所以这种措施不太安全。

POST,这种办法在付给表单的时候会对表单内容张开包装,不会显得在地点栏中,所以这种格局相比安全,可是在速度上不比GET格局。

在HTML中对于表单提供了一丰富多彩的标签凯旋门074网址。按钮

<p>
    <button type="button">普通按钮</button>
    <button type="submit">提交按钮</button>
    <button type="reset">重置按钮</button>
</p>
<p>
        <input type="button" value="普通按钮"/>
    <input type="submit" value="提交按钮"/>
    <input type="reset" value="重置按钮"/>            
</p>

在HTML中对于表单提供了一丰富多彩的标签凯旋门074网址。如上就是表单中完结按键的秘诀,能够透过<button>标签,也得以因此<input>标签,不论选用哪个种类方法,我们都会发觉这么些按键都可以分成三类,即经常按钮、提交按键、重新初始化开关,内定开关情势皆以重视type属性钦定的。在这里间必要注意的是<button>开关内定描述文本是在标签中的描述文本,而<input>标签钦赐开关的描述文本是由此value属性。

输入框

<p>
    用户名:<input type="text" name="username"/>
</p>
<p>
    密 码:<input type="password" name="password"/>
</p>
<p>
    性 别:
    <input type="radio" name="sex"/>男
    <input type="radio" name="sex"/>女
</p>
<p>
    爱 好:
    <input type="checkbox" name="hobbies"/>读书
    <input type="checkbox" name="hobbies"/>打游戏
    <input type="checkbox" name="hobbies"/>旅游
    <input type="checkbox" name="hobbies"/>爬山
</p>
<p>
    上传文件: <input type="file" name="uploadfile"/>
</p>
<p>
    隐藏域: <input type="hidden" name="userid" value="0000011101010"/>
</p>

如上正是表单的中输入框内容,输入框信任的是<input>标签,不一样的输入框完结是经过它的type属性完成的,关于type属性的值包涵可用的选项包含text(普通文书输入卡塔 尔(阿拉伯语:قطر‎、password(密码框卡塔 尔(英语:State of Qatar)、checkbox(复选框卡塔 尔(阿拉伯语:قطر‎、radio(单选开关卡塔 尔(阿拉伯语:قطر‎、submit(提交按键卡塔尔、reset(重新设置开关卡塔 尔(阿拉伯语:قطر‎、file(文件域)、hidden(隐蔽域卡塔尔国,默许为text。

表单是网页中最广大的要素,也是顾客和大家互相的重大手段,在网站中的登入、注册、音讯更新这么些功效都是依附表单完结的。在HTML中对于表单提供了意气风发层层的竹签,即输入框、下拉框、开关、文本域,如下是一个最布满的表单结构内容:

View Code

澳门凯旋门注册网址 1澳门凯旋门注册网址 2

文本域

<textarea name="content" cols="80" rows="10">
    测试
</textarea>

文本域可以让大家输入大段的文字,须求留意的是文本域和输入框区别的地点是,文本域的默许值是标签中的文本,输入框是通过value属性钦定的。

澳门凯旋门注册网址 3

相关文章