日度归档:2019年6月12日

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