标签归档:html教程

HTML textarea(多行文本框)标签功能简介说明


摘要:
下文讲述html中textarea多行文本框标签的功能简介说明,如下所示:


textarea(多行文本框)标签功能说明

textarea标签在html代码中的功能:
接收一行或多行文本框的输入
input标签只可接收一行文本的输入

textarea标签属性说明及使用注意事项:
1.name属性,此属性必须输入,如果不定义此属性,此数据无法被后台request获取;
2.rows属性,用于设置文本框可视的行数
3.cols属性,用于设置文本框可视的列数
4.disabled属性,设置文本框是否可用
5.form(html5),设置文本框所属一个表单还是多个表单
6.maxlength,设置文本框可输入的最大字符数
7.placeholder(HTML5),在文本框中放入提示信息,当文本框中没有值并且没有获取焦点时,文本框中显示此信息
8.readonly,文本域设置为只读
9.required(HTML5),设置文本域内容是必填项
10.autofocus(HTML5),设置文本域在页面加载后自动获取焦点
11..wrap(HTML5),设置当在表单中提交时,文本区域中的文本的换行方式
————-textarea标签注意事项——————–
此文本框无法使用value属性设置其初始值


textarea(多行文本框)标签举例说明

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
---textarea标签的用法简介说明
</title> 
</head>
<body>
<form name="form1" method="post" action="#">
  多行文本标签textarea演示<br>
  <textarea  wrap="hard" name="maomao" cols=20 rows =5>只有每天编写新的内容,才会带来越来越多的用户---猫猫教程</textarea>
  <br/>
    <input type="submit" value="submit">
</form>
</body>
</html>
html textarea标签举例说明

html textarea标签举例说明

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标签用法