HTML表单

  • 创建表单 <form>表单元素</form>,表单元素包含文本域,单选框,复选框,按钮,列表等;表单本身在页面中是不可见的,页面中看到的是具体的表单元素
  • 表单元素通过下面的标签进行添加:表单输入标签<input>,菜单和列表标签<select>,菜单和列表项目标签<option>,文字域标签<textarea>,菜单和列表项目分组标签<optgroup>
  • <input type = "类型属性" name = "名称" ... />,input标签是一个单标签,可以用于实现单选框,复选框,按钮和输入文本等。type属性控制元素的类型,属性值有text, password, file, checkbox, radio, Button, Submit, Reset, Hidden, image
  • 单行文本域属性:文本域名称Name,指用户输入的最大长度Maxlength, 指定文本框的宽度<Size>,以字符为单位,一般浏览器默认为20个字符, 文本框的默认值value, 规定用户填写字段的提示placeholder
  • 下拉菜单<select><option value = “...”>选项</option></select>
  • <select>标签属性:设置下拉菜单和列表名称namemultiple设置可选择多个选项,size设置列表中可见选项的数目
  • <option>标签属性 selected,value
  • 多行文本域<textarea name = ".." rows =".." cols = "..">内容</textarea>,同时还能进行这些属性的设置:设置文本区名称name, 设置好描述文本区域预期值的简短提示placeholder
  • <from>标签属性action值为URL,提交表单时向何处发送表单数据,methond值设置为get、post,设置表单以何种方式发送到指定页面,target值为_blank, _self, _parent, _top设置在何处打开action URL, enctype在方表单之前如何对其进行编码
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 表单 input 控件 label标签 textarea控件(文本域) select下拉菜单 form表单域 HT...
    Rella7阅读 1,631评论 0 0
  • 1 表单是如何工作的? 用户在网页上填写表单并提交所填信息,浏览器将用户提交的数据发送至 Web 服务器, Web...
    饥人谷_Mily阅读 1,295评论 0 1
  • 表单是什么? 从某种意义上来说,“表单”就相当于一份问卷,这份问卷有一些空白的地方需要你来填写答案。 例如 表单如...
    流光号船长阅读 825评论 0 2
  • 1.语法: 表单元素 表单本身不可见 表单元素有文本域,单选框,复选框,按钮,列表等 f...
    9372da03c5ef阅读 302评论 0 1
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,235评论 0 3

友情链接更多精彩内容