表单标签--浏览器交互

codeforces

于 2015-10-22 14:52:18 发布

阅读量398

点赞数 1

分类专栏： html 文章标签：浏览器标签表单

本文链接：https://blog.youkuaiyun.com/codeforces/article/details/49333541

版权

html 专栏收录该内容

7 篇文章

订阅专栏

本文深入解析了HTML表单标签的使用方法及其在浏览器交互中的应用，包括文本区域、单选按钮、多选下拉列表、提交与重置按钮等元素的详细配置与实现。同时介绍了如何通过lable标签与单选或多选标签建立关联，实现更高效的数据收集与处理流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

表单标签–浏览器交互

<form method = "(get/post)" action = "服务器文件">
<textarea cols="50" rows="10">在这里输入内容...</textarea>，cols和rows定义列数和行数（可以用width，height代替）。

<input type="radio/checkbox" value="值" name="名称" checked="checked" />

同一组的单选按钮，name 取值一定要一致，默认选中可不写。

    <input type="email" placeholder="Enter email>

palceholder表示为填写时输入框的内容。

<select>
        <option value="看书" select="selected">看书</option>
        <option value="旅游">旅游</option>
        <option value="运动">运动</option>
        <option value="购物">购物</option>
        </select>

下拉列表，value表示向服务器递交的值，可以与内容表示形式不一样。在select中添加 `<select multiple="multiple">`可以多选。

5. 提交与重置按钮

value是按钮显示的内容。
6. form中的lable标签中添加for（单选标签的名字）属性就能在点击文字是自动选择对应的单选或者多选标签。