1 如果需要输入大量的信息,就需要用到<textarea>标签。通过该标签可以创建多行文本输入框,其基本语法格式如下:
<textarea cols=”每行中的字符数” rows=”显示的行数”>
文本内容
<textarea>
文本区中可容纳无限数据的文本,默认的字体是等宽字体。可以通过cols和rows属性来规定textarea的尺寸,不过更好的办法是使用CSS的height和width属性
具备的属性有:id(规定元素的唯一id)、name(规定文本区的名称)、readonly(规定文本区为只读)、required(规定文本区域是必填的)、cols(规定文本区的可见宽度)、rows(规定文本区可见行数)、maxlength(规定文本区域的最大字符数)
2 下拉文本框
select元素可创建单选或多选菜单,<option></option>标签用于定义列表中的可用选项。
select是一种表单空间,可用于在表单中接受用户输入。
<select></select>中至少包含一对<option></option>
该元素具备的属性有:lang(规定元素内容的语言)、style(规定元素行内CSS样式)、name(规定元素的名称)、id(规定元素的唯一id)
格式:
<select>
<option value=”” selected=”selected”内容</option>
</select>
<body> <table width="600" align="center" cellspacing="0" cellpadding="0"> <tr height="40"> <td>生日</td> <td> <select name="" id=""> <option value="">请选择年</option> <option value="" selected="selected">1990</option> #value 定义送往服务器的选项值、selected表示被选中状态 <option value="">1991</option> <option value="">1992</option> </select> <select name="" id=""> <option value="">请选择月</option> <option value="">1月</option> <option value="">2月</option> </select> <select> <option value="">请选择日</option> <option value="">1</option> <option value="">2</option> </select> </td> </tr> <tr> <td>免费注册</td> <td> <textarea cols="10" rows="3"></textarea> </td> </tr> <table> <body>
3 在HTML中,form标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下:
<form action=”url地址” method=”提交方式” name=”表单名称”>
各种表单空间
</form>
该标签常用属性:
action:在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接受并处理表单数据的服务器程序的url地址。
method:用于设置表单数据的提交方式,其取值为get(明文提交)或post(匿名提交)。
name:用于指定表单的名称,以区分同一个页面中的多个表单。
<html> <body> <form action="" method="get" name="abc"> 用户名:<input type="text" name="username"> </br> 密 码:<input type="password" name="password"> <input type="submit" value="重新提交"> #点击提交后,将用户名和密码的信息通过get方式,提交给服务器 <input type="reset" value="重置"> </form> <body> </html>
原文链接:https://www.cnblogs.com/liupeng520/articles/9253619.html
本文来源 爱码网,其版权均为 原网址 所有 与本站无关,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源。