美文网首页工作生活HTML笔记
表单(例婚恋网站)及控件

表单(例婚恋网站)及控件

作者: 元气静静的日常 | 来源:发表于2019-07-02 18:50 被阅读0次

作用:用来收集用户信息的。

表单框(表单域)

<form name ="表单名称" method="post/ get " action="index. jsp">

</form>


1.文本框

<input type="text" name="  " value="默认值"/>

扩展:maxlength规定输入字段中的字符的最大长度

size属性定义的是可见的字符数

2.密码框

<input type="password" name="  " placeholder="密码"/>

3.按钮

(1).提交按钮

<>input type="submit" name=" " value="按钮内容"/>

(2).重置按钮

<input type="reset" name=" " value="按钮内容"/>

(3).跳转按钮

<input type="button" name=" " value=" "/>

注button和sumbit的区别:

submit是提交按钮起到提交信息的作用,button只起到跳转作用不进行提交.

4.单选框/单选按钮

<input type="radio" name="ral" value=" "/>

扩展:disabled="disabled"禁用;checked="checked"默认选中;

5.复选框

<input type="checkbox" name="like" value=" "/>

扩展:disabled="disabled"禁用;checked="checked"默认选中;

6.下拉菜单

<select name="">

        <option value="">内容</option>

        <option value="">内容</option>

        .....

</select>

注:<select size="数值"></select>(有size的是列表,size是设置菜单可以显示的个数,多余的可以有滚动条)

扩展:selected:显示默认选中项

9.多行文本框(文本域)

<textarea name="textarea" cols="字符宽度" rows="行数"></textarea>

相关文章

  • 表单(例婚恋网站)及控件

    作用:用来收集用户信息的。 表单框(表单域) 1.文本框 扩展:maxlength规定输入字段中的字符的最大长度 ...

  • HTML 5_CSS 3_JavaScript讲义(二)-HTM

    (1).HTML原有的表单及表单控件 1.表单元素 action:表单提交到的地址method:指定提交表单时发送...

  • HTML表单简述

    HTML通过多种类型的表单控件为网站收集来访者的信息 表单的工作模式: 用户填写表单然后单击一个按钮将所填信息提交...

  • HTML-表单

    一、表单介绍 二、控件的常用属性 三、表单的其他控件

  • HTML5之表单

    在网站中,表单是指收集用户的信息。 一,表单控件 1.文本框:单行文本框(Text input),密码框(Pass...

  • Vue表单输入绑定和样式绑定

    一、表单输入绑定 用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正...

  • 09-vue.js-表单输入绑定

    表单输入绑定 基础用法 可以用 v-model 指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类...

  • Bootstrap - 表单2

    表单控件(输入框input) 每一个表单都是由表单控件组成。离开了控件,表单就失去了意义。接下来的我们简单的来了解...

  • 九、疯狂的表单

    疯狂的表单 新增表单控件 新增表单属性 表单验证反馈 关闭验证

  • Angular框架中FormArray中嵌套FormGroup

    Angular中FormGroup是用来管理一组表单控件的,响应式表单使用FormArray来动态的管理表单控件,...

网友评论

    本文标题:表单(例婚恋网站)及控件

    本文链接:https://www.haomeiwen.com/subject/lzithctx.html