<form> <input> <select> <textarea>标签 数据 / 提交

<form>标签

定义和用法

<form> 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

实例

姓名: 班级: 学号:
    <form style="border: 1px solid black;padding: 5px;">
        <span>姓名:</span>
        <input type="text">
        <span>班级:</span>
        <input type="text">                
        <span>学号:</span>
        <input type="text">
        <input type="submit">
    </form>

<input>标签

定义与用法

<input> 标签用于搜集用户信息。

根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

<select>标签

定义与用法

select 元素可创建单选或多选菜单。

<input> 元素中的 <option> 标签用于定义列表中的可用选项。

实例

创建带有 4 个选项的选择列表:

        <select>
            <option value ="volvo">Volvo</option>
            <option value ="saab">Saab</option>
            <option value="opel">Opel</option>
            <option value="audi">Audi</option>
        </select>

<textarea>

定义与用法

<textarea> 标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。

注释:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。

实例

    <textarea rows="3" cols="20">在w3school,你可以找到你所需要的所有的网站建设教程。</textarea>