HTMLtextarea空间(文本域)、下拉文本框、表单域

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
本文来源 爱码网,其版权均为 原网址 所有 与本站无关,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源。

© 版权声明

相关文章