标签归档:html教程

HTML input file 文件域控件简介说明


摘要:
下文input type=’file’控件的功能简介说明,如下所示:


input type=’file’控件的功能

input type=’file’控件的功能:
当input中type=’file’时,可以创建一个文件域,将文本域放入表单中,设置表单属性为“multipart/form-data”,即可实现文件上传
例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
---文本域创建示例分享
</title> 
</head>
<body>
<form name="myform" method="post" enctype="multipart/form-data" action="do.php">
  文件上传:<input type="file" name="file" />
</form>
</body>
</html>


input type=file其它属性功能说明
1.required(HTML5):规定文件域内容是必填的。
2.form(HTML5):规定文件域所属的一个或多个表单。
3.autofocus(HTML5):规定在页面加载时,域自动地获得焦点。
4.disabledy:设置文件域为不可用。
5.accept(HTML5):规定允许上传的文件MIME类型。
5.multiple(HTML5):规定文件域可以一次上传多个文件。

例:
设置上传文件只能为“文本文件”
accept=”text/plain” —即为接收文本文件


<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
---type='file'示例说明
</title> 
</head>
<body>
<form name="myform" method="post" enctype="multipart/form-data" action="main.php">
  文件上传:
  <br/>
  <input type="file"  name="file" accept="text/plain"/>
  <input type="submit" value="提交表单">
</form>
</body>
</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