一、常用表单标签如下:

(1)<input>中的“type”属性:

   复选框-checkbox;单选按钮-radio;按钮-button;提交-submit;

(2)文本域

  行-cols;列-rows;

  

<form> 表单
<input> 输入域
<textarea> 文本域
<label> 控制标签
<fieldset> 定义域
<legend> 域的标题
<select> 选择列表
<optgroup> 选项组
<option> 下拉列表中的选项
<button> 按钮

 二、常见表单标签的应用

  1、输入用户名以及密码表单的制作

    (1)主要代码:

        <form>               用户名:<input type="text" />                 密码:<input type="password" />                 <br />          </form>

    (2)实现效果:

  2、复选框的使用:

    (1)主要代码:

     <form>             你喜欢的水果有?<br />             苹果<input type="checkbox" />             西红柿<input type="checkbox" />             香蕉<input type="checkbox" />             菠萝<input type="checkbox" />      </form>

    (2)实现效果:

  3、单选按钮的使用:

    (1)主要代码:

      <form>

       请选择您的性别:             男<input type="radio"  name="sex"/>             女<input type="radio" name="sex"/>       </form>

    (2)实现效果:

  4、下拉列表的使用

    (1)主要代码

      <form>

         <select>                 <option>www.baidu.com</option>                   <option>www.jikexueyuan.com</option>                   <option>www.google.com</option>               </select>

      </form>

    (2)实现效果

  5、按钮的使用

    (1)主要代码

      <form>

       <input type="button" value="按钮" /><br />     //“value”用来定义按钮上面的值             <input type="submit" /> <br />             <input type="reset" /><br /><br />        //”reset“用来重置表单里的内容        </form>

    (2)实现效果

  

时间: 2024-10-12 22:50:06

一、常用表单标签如下:的相关文章

form常用表单标签

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <form action="http://www.baidu.com" method="get"> 姓名:<input type=&q

HTML常用标签及表单标签

HTML初识 HTML(Hpyer Text Markup Language的缩写)译为"超文本标签语言",用来描述网页的一种语言.所谓超文本,因为它可以加入图片.声音.动画.多媒体.一个文件跳转到另外一个文件,与世界各地主机的文件连接. HTML的作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来. HTML骨架格式 HTML标签分类 HTML标签:带有'<>'符号的元素.主要有2种标签:双标签和单标签. HTML标签关系 并列关系.父子关系.孙子关系. 文档类型

前端之head标签,基本标签,div和span,常用标签,表单标签

一.head标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="icon" href="https://www.jd.com/favicon.ico"> <meta name="keyw

Java单体应用 - 常用框架 - 07.Spring MVC - 表单标签库

原文地址:http://www.work100.net/training/monolithic-frameworks-spring-mvc-form-tags.html更多教程:光束云 - 免费课程 表单标签库 序号 文内章节 视频 1 声明表单标签 - 2 表单标签 - 3 文本框 - 4 密码框 - 5 文本域 - 6 复选框 - 7 复选框(多选) - 8 单选按钮 - 9 单选按钮(多选) - 10 下拉列表 - 11 下拉列表(多选) - 12 隐藏域 - 请参照如上章节导航进行阅读

html(五) -- 表单标签

表单标签: 表单标签的作用是用于提交数据给服务器的. 表单标签的根标签是<form>标签 常用的属性:    action: 该属性是用于指定提交数据的地址.    method: 指定表单的提交方式.            get : 默认使用的提交方式.  提交的数据会显示在地址栏上.            post :  提交的数据不会显示在地址栏上.注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值. 代码示例: 1 <!DOCTYPE html&g

Struts2中UI标签之非表单标签

1.非表单标签主要用于在页面生成一些非表单的可视化元素,例如Tab页面,输出HTML页面的树形结构等.当然,非表单标签也包含在页面显示Action里封装的信息,非表单标签主要有如下几个: a:生成一个超级连接(link). actionerror:如果Action实例的getActionError()方法返回不为null,则该标签负责输出该方法返回的系列错误. actionmessage:如果Action实例的getActionMessage()方法返回不为null,则该标签负责输出该方法返回的

html的表单标签

作用:用来采集用户输入的数据,然后发送给后台处理 表单标签: <form>       表示一张表单 常用属性: action: 表示提交的地址(提交给谁处理?) method:  表示提交的方式 get 1)把用户提交的参数暴露在浏览器的地址栏 2)敏感数据不适合用get提交 3)get方式提交的数据长度不超过1kb.例如编号数据 post 1)不会把用户提交的参数暴露在浏览器的地址栏 2)敏感数据适合post提交 3) post方式提交的数据长度没有限制(文件上传必须使用post方式) &

表单标签

表单标签:用于提交数据给服务器. 表单标签的跟标签是<form>标签. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <h

Struts2中UI标签之表单标签介绍

1.在Struts2中UI标签的表单标签分为两种:form标签本身和单个表单标签. 2.Struts2表单标签包括:form.textfield.password.radio.checkbox.checkboxlist.select.doubleselect.combobox.optiontransferselect.optgroup.updownselect.textarea.hidden.file.label.submit.token.head.datepicker.reset.richte