HTML基本标签--表单

原创 2013年12月03日 19:40:55

【表单:】是用来输入信息的区域,它是网页具有交互功能的关键。表单可以接受用户输入,以便向服务器发送。

(1)文本框。

单行文本框:

       <input type="text" name=控件名称 value=传出值>

多行文本框:

       <inputarea row=行数 cols=列数 name=控件名称 value=传出值>

密码文本框:

      <input type="password" name=控件名称 value=传出值>

(2)按钮。

提交按钮:

        <input type="submit" name=控件名称 value=显示值>

重置按钮:

        <input type="reset" name=控件名称 value=显示值>

普通按钮:

        <iinput type="button" name=控件名称 value=显示值>

(3)单选按钮。

      <input type="radio" name=控件名称 value=显示值>

(4)复选框。

      <input type="checkbutton" name=控件名称 value=显示值>

(5)下拉菜单。

     <select name=控件名称 size=显示项数>

    <option>选线1</option>

    <option>选项2</option>

    <option>选线3</option></select>

【实例:】********************************************************************************************

<HTML>
   <HEAD>
    <TITLE>登记表</TITLE>
   </HEAD>
   <BODY>
     <form method="post">
       <tabel>
          <br>
              <td>用户名:</td>
              <td><input type="text" name="useName" size="10"></td>
          </br>
          <br>
              <td>密 码:</td>
              <td><input type="password" name="passWord" size="10"></td>
          </br>

          <br>
              <td>选 项:</td>
              <td><select   name="myselect" multiple size="3">
                  <option value="1" selected>选项1</option>
                  <option value="2" >选项2</option>
                  <option value="3" >选项3</option>
                  </select>
              </td>
          </br>

          <br>
              <td>性 别:</td>
              <td><input type="radio" name="myradio" value="m">男;</td>
              <td><input type="radio" name="myradio" value="w">女;</td>
          </br>
       </tabel>
     </form>
   </BODY>
</HTML>

【显示效果:】

 

 

 

HTML中的表单标签(一)

HTML中的表单非常重要,一般用于与服务器进行交互,表单有如下的用法也有几点注意事项: 注意: 1.name属性一般最好加上,有的不加可以,但是也可以只加上不指定值,name后面的值是用来识别的,...

html表单标签

  • 2015年03月22日 21:55
  • 1.06MB
  • 下载

基本表单form.html

  • 2015年06月07日 12:53
  • 1KB
  • 下载

1.html5语义化标签及表单新增控件和特性

测试markdown编辑器。
  • YuhNagi
  • YuhNagi
  • 2016年10月30日 16:38
  • 1558

HTML5(表单自动验证 语义化标签 ...)

一:语义标签 1:区块标签 文章标签 页面标题 主导航 二:视频/音频标签 1:视频标签 ...

HTML 标签复习 2、表单和服务器连接 3、框架笔记

一、概念: 1、html(hypertext markup language)超文本标记语言,在网页上显示文字,图片,视频,音频等。 2、Html语言是通过标签来声明的,例如标签生命这是一个图片。...

文本框 12种炫酷HTML5 SVG和CSS3表单浮动标签特效

这是一组效果非常炫酷的HTML5 SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果,使用SVG和CSS3来制作完成。这些浮动标签效果部分在元素的伪元素上使用CSS transitions...

Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。

表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认)内联表单水平表单 垂直或基本表单 基本的表单结构是 Bootstrap 自带的,个别的表单控件自动接收一些全局样式。下面列出...
  • zzy7075
  • zzy7075
  • 2015年03月18日 16:13
  • 1333
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML基本标签--表单
举报原因:
原因补充:

(最多只允许输入30个字)