标签归档：html教程

html教程-html select下拉框标签元素简介说明


摘要:
下文讲述html select标签的用法简介说明，如下所示:
实验环境:windows


html元素 select标签简介

html元素 select 标签功能:
html中select标签的功能为 html页面提供 “下拉选择数据”的操作方式
使用select下拉标签，可在html操作层面，严格限制数据的内容，使html中数据标准化

html元素select标签的应用场景:
1.用于 省、市、区
年份、月份 固定数据的下拉选择操作
2.select下拉选择控件常常同form表单一起使用，向后台提交数据

html元素 select语法简介:

   <select  name="ddlSelect"  >
      <option value="值1" >显示信息1</option>
	  <option value="值2" >显示信息2</option>
   </select>


参数说明:
select:下拉列表标签
option:下拉列表中项目标签
value:当选中下拉项目中的指定项时，回传信息


html元素 select标签举例应用

  
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
  <head>
    <title>这是maomao365.com的 select下拉标签举例应用</title>
  </head>
<body>
       
   <form action="" method="get"> 
   
   <label>select下拉框标签应用</label> 
   <br />
     <select  name="ddlSelect"  >
      <option value="值1" >显示信息1</option>
	  <option value="值2" >显示信息2</option>
   </select>
   
</form>  
    
 
</body>
</html>
html教程-html-select标签用法-8912

html教程-html-select标签用法-8912

html教程-html <textarea>表单文本区域标签元素


摘要:
下文讲述html textarea标签的用法简介说明，如下所示:
实验环境:windows


html元素 textarea标签简介

html标签 textarea标签功能:
在html页面中，输出一个文本域,供用户输入大量的文字内容,
textarea标签同form标签一起使用。

html元素 textarea元素语法简介:

   <textarea name="maomao365" cols="28" rows="6">
     html教程-www.maomao365.com
   </textarea>


参数说明:
name:标签的名称
Cols:此标签所占用的列数(宽度)
Rows:此标签所占用的行数(高度)


html元素 textarea举例应用

  
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
  <head>
    <title>这是maomao365.com的 textarea文本域标签举例应用</title>
  </head>
<body>
       
   <form action="" method="get"> 
   
   <label>textarea文本域标签应用</label> 
   <textarea name="maomao365" cols="28" rows="6">
     html教程-www.maomao365.com
   </textarea>
   
</form> 
    
 
</body>
</html>
html教程-html-textarea标签用法

html教程-html-textarea标签用法

html教程-html <input>标签type(text submit checkbox radio)简介说明


摘要:
下文讲述html input标签的用法简介说明，如下所示:
实验环境:windows


html元素 input标签简介

html标签 input标签功能:
定义html中输入信息的内容框，结合form表单,可以将数据提交至服务器后台,input标签可以使用css对其样式进行调整,
input标签通过设置type属性，可定义
1.text文本输入框
2.submit按钮
3.button按钮
4.checkbox复选框按钮
5.radio 单选框按钮
6.hidden 隐藏文本域
input标签通过设置id属性，用于标识此html元素的唯一性

input标签的应用场景:
type=”text” html输入框，用于html页面中录入数据使用
type=”submit” html提交按钮-用于将form表单域中的内容提交给action所对应的url
type=”checkbox” html复选框 html文件中向用户呈现多选题的方法
type=”radio” html单选框 html文件中向用户呈现单选题的方法

html元素 input元素语法简介:

   <input type="text"  value="文本值" />
   <input type="button"  value="按钮" />
   <input type="submit"   value="提交按钮"  />
   <input type="button"   value="普通按钮"  />
   <input type="checkbox"     />
   <input type="radio"      />
   <input type="hidden"   value="隐藏域"  />

html元素 input 举例应用

  
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
  <head>
    <title>这是maomao365.com的 input标签举例应用</title>
  </head>
<body>
       
   <form action="" method="get"> 
   <label>type="text" 输入框</label> 
    <input name="" type="text" size="22" /><br /> 
    <label>type="checkbox" 多选复选框</label> 
    <input name="" type="checkbox" value="" /><br /> 
    <label>type="radio" 单选框</label> 
    <input name="" type="radio" value="" /><br /> 
    <label>type="submit" 按钮</label> 
    <input name="" type="submit" value="提交" /> 
</form> 
    
 
</body>
</html>
html教程-html-input标签用法

html教程-html-input标签用法