章解五、与浏览者交互,表单标签

表单标签: <form>
文本域: <textarea rols="行数" cols="列数"> </textarea>
文本框:单选框 <radio> 复选框 <checkbox>
下拉列表: <option>

image.png

下拉列表框进行多选:

<form action="save.php" method="post" >
    <label>爱好:</label>
    <select multiple="multiple">
      <option value="看书">看书</option>
      <option value="旅游">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form>

按钮:提交按钮<input type="submit"> 重置按钮<input type="reset">

form表单中的<label>标签

注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   JavaScript 最初的一个应用,就是分担服务器处理表单的责任,打破处处依赖服务器的局面。   尽管目前的...
    霜天晓阅读 3,940评论 0 3
  • 4-1 使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form)。表单是可以把浏览者输...
    静默丶阅读 3,294评论 1 4
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,710评论 1 41
  • 这个序可能会有些长 先作个自我介绍,我是一名交互设计师,90后。我并不怎么喜欢编辑文章或写点什么,就是因为懒,所以...
    IxDKN阅读 13,802评论 16 160
  • 感恩~今天的考试一切顺利,早上刚刚看的一道题居然就是三道简答题中的一道。 感恩~监考很严让我不再有想看一眼资料的念...
    毛毛细雨mmxy阅读 1,040评论 0 0

友情链接更多精彩内容