jQuery表单操作

jQuery表单操作,jquery,css,forms,jquery-selectors,Jquery,Css,Forms,Jquery Selectors,使用jQuery和以下示例表单代码: 请告诉我如何进行上述名称标签输入: 1只读/禁用,并将背景颜色设置为黄色 2根据条件在网页上显示/隐藏此表单项 3只读/禁用,但仍允许用户将光标放置在单元格中并向左/向右移动光标 4在上述示例中,当用户在每个字段中进行制表/移动时,突出显示该字段,可能是字段周围的边框颜色,表示该字段为活动字段 谢谢。您可以像这样禁用表单输入元素: $("#name").attr("disabled", "disabled"); 要设置背景色,请创建CSS类: input

使用jQuery和以下示例表单代码:

请告诉我如何进行上述名称标签输入:

1只读/禁用,并将背景颜色设置为黄色

2根据条件在网页上显示/隐藏此表单项

3只读/禁用,但仍允许用户将光标放置在单元格中并向左/向右移动光标

4在上述示例中,当用户在每个字段中进行制表/移动时,突出显示该字段,可能是字段周围的边框颜色,表示该字段为活动字段


谢谢。

您可以像这样禁用表单输入元素:

$("#name").attr("disabled", "disabled");
要设置背景色,请创建CSS类:

input.disabled { background-color: yellow; }
input:active { border: solid 1px red; }
然后做:

$("#name").attr("disabled", "disabled").addClass("disabled");
您可以像这样隐藏窗体:

$("#contact").hide();
条件可能是单击了按钮:

$("#buttonid").click(function() { $("#contact").toggle(); });
请注意,如果该表单具有验证,并且您只隐藏了一些输入元素,并使“提交”按钮保持可见,则除非对隐藏元素禁用验证,否则该表单将不会提交

您可以将输入元素设置为只读:

$("#name").attr("readonly", "readonly");
最后,要实现4,创建CSS类:

input.disabled { background-color: yellow; }
input:active { border: solid 1px red; }

可以按如下方式禁用表单输入元素:

$("#name").attr("disabled", "disabled");
要设置背景色,请创建CSS类:

input.disabled { background-color: yellow; }
input:active { border: solid 1px red; }
然后做:

$("#name").attr("disabled", "disabled").addClass("disabled");
您可以像这样隐藏窗体:

$("#contact").hide();
条件可能是单击了按钮:

$("#buttonid").click(function() { $("#contact").toggle(); });
请注意,如果该表单具有验证,并且您只隐藏了一些输入元素,并使“提交”按钮保持可见,则除非对隐藏元素禁用验证,否则该表单将不会提交

您可以将输入元素设置为只读:

$("#name").attr("readonly", "readonly");
最后,要实现4,创建CSS类:

input.disabled { background-color: yellow; }
input:active { border: solid 1px red; }

请把问题分成四部分。或者用谷歌单独搜索。那么,你自己做了多少?这是一个很好的起点,有很多例子。现在,看起来你只是想找一个能胜任所有工作的人。请把问题分成4个部分。或者用谷歌单独搜索。那么,你自己做了多少?这是一个很好的起点,有很多例子。现在,看起来你只是想找一个能胜任所有工作的人。