html中怎么设置框内打勾

html-css012

html中怎么设置框内打勾,第1张

html中框内打勾为checkbox复选框。

checkbox为HTML中 <input>标签的 type 属性下的值。

<input>标签用于搜集用户信息。在 HTML 中,<input>标签没有结束标签。在 XHTML 中,<input>标签必须被正确地关闭。

type 属性规定 input 元素的类型。<input type="checkbox" />定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项。

其使用例子如下:

打开为网页后页面如下:

扩展资料:

CheckBox是在HTML中让使用者与首页上的素材发生交互作用的一种方法。其中包含CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭。

该控件表明一个特定的状态(即选项)是选定 (on,值为true) 还是清除 (off,值为false)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。进行选项组合。

在 HTML 文档中 <input type="checkbox">每出现一次,Checkbox 对象就会被创建

您可以通过遍历表单的 elements[] 数组来访问某个选择框,或者通过使用 document.getElementById() 。

参考资料:百度百科_CheckBox的介绍

为checkbox控件加上checked属性即可默认打钩:

<input name="save" id="save" type="checkbox" onClick="save_ck(this)" checked>记住密码

<input name="auto" id="auto" type="checkbox" onClick="auto_ck(this)" checked>自动登录

如果想打钩后不能取消打钩,可以用JS为已打钩的checkbox增加disabled属性禁用控件。

function save_ck(ckbox) {

    var ckbox = document.getElementById(ckbox.id)

    ckbox.checked ? ckbox.disabled = true : ''

}

function auto_ck(ckbox) {

    var ckbox = document.getElementById(ckbox.id)

    ckbox.checked ? ckbox.disabled = true : ''

}

勾选框隐藏了你怎么勾选,勾选框就是<input name="xx" type="checkbox" value="" />,如果是隐藏的那就把type="checkbox"换成type="hidden"就可以。

没有隐藏的勾选框一说