Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 表单中的输入字段不可编辑_Javascript_Html_Css - Fatal编程技术网

Javascript 表单中的输入字段不可编辑

Javascript 表单中的输入字段不可编辑,javascript,html,css,Javascript,Html,Css,我有一个简单的表单,但是,出于某种奇怪的原因,表单只允许我单击并键入菜单下方的输入 我知道下面的代码片段在css和Js方面无处不在,然而,我想模拟最接近我的应用程序的方式。我不知道为什么会这样。我无法单击并编辑孩子的名字,以及孩子的姓氏 我该怎么解决这个问题 名字 姓 *孩子的名字 *儿童姓氏 *与儿童的关系 选择 儿子 女儿 其他亲属 其他 函数otherFunc(){ var selectBox=document.getElementById(“selectBox”); var sele

我有一个简单的表单,但是,出于某种奇怪的原因,表单只允许我单击并键入菜单下方的
输入

我知道下面的代码片段在css和Js方面无处不在,然而,我想模拟最接近我的应用程序的方式。我不知道为什么会这样。我无法单击并编辑
孩子的名字
,以及
孩子的姓氏

我该怎么解决这个问题


名字
姓
*孩子的名字
*儿童姓氏
*与儿童的关系
选择
儿子
女儿
其他亲属
其他
函数otherFunc(){
var selectBox=document.getElementById(“selectBox”);
var selectedValue=selectBox.options[selectBox.selectedIndex].value;
console.log(selectedValue)
如果(selectedValue==“其他”){
document.getElementById(“其他”).innerHTML='请澄清是否为“其他”'
}
}
*联系电话号码
过敏
饮食限制
选择
没有一个
清真的
犹太教徒
素食主义者
无麸质的
* {
框大小:边框框;
}
.选择{
字号:18px;
填充:10px 10px 10px 5px;
显示:块;
宽度:300px;
边框:1px纯黑;
边框底部:1px纯黑;
}
上校25{
浮动:左;
宽度:25%;
边缘顶部:6px;
}
上校75{
浮动:左;
宽度:75%;
边缘顶部:6px;
}
标签{
填充:12px 12px 12px 0;
显示:内联块;
颜色:#000;
字体大小:20px;
字号:900;
显示:内联块;
/*宽度:140px*/
文本对齐:右对齐;
}
.输入{
字号:18px;
填充:10px 10px 10px 5px;
显示:内联块;
边框:1px纯黑;
边框底部:1px纯黑;
保证金:5px10px 5px0;
}
.罗:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
/*基本样式------------------------------------------*/
身体{
背景:url(https://scotch.io/wp-content/uploads/2014/07/61.jpg);
}
.集装箱{
字体系列:“Roboto”;
宽度:600px;
显示:块;
背景:#FFF;
填充:10px 50px 50px;
左边距:80px;
}
.集装箱2{
字体系列:“Roboto”;
显示:块;
背景:#FFF;
左边距:100px;
}
氢{
文本对齐:左对齐;
左边距:80px;
}
h2小{
字体大小:正常;
颜色:#888;
显示:块;
}
.页脚{
文本对齐:居中;
}
.页脚a{
颜色:#53B2C8;
}
/*表单起始样式-----------------*/
.组{
位置:相对位置;
边缘底部:45像素;
}
输入[type=“text”]{
字号:18px;
填充:10px 10px 10px 5px;
显示:块;
宽度:300px;
边框:1px纯黑;
边框底部:1px纯黑;
}
输入:焦点{
大纲:无;
}
/*标签===================================================================*/
/*标签{
颜色:#999;
字号:18px;
字体大小:正常;
位置:绝对位置;
指针事件:无;
左:5px;
顶部:10px;
过渡:0.2s缓解所有;
-moz过渡:0.2s缓解所有;
-webkit过渡:0.2s轻松全部;
} */
/*活动状态*/
输入:焦点~标签,
输入:有效~标签{
顶部:-20px;
字体大小:14px;
颜色:#5264AE;
}
/*底部条形图================================================================*/
.酒吧{
位置:相对位置;
显示:块;
宽度:300px;
}
.巴:以前,
酒吧:之后{
内容:'';
高度:2倍;
宽度:0;
底部:1px;
位置:绝对位置;
背景:5264AE;
过渡:0.2s缓解所有;
-moz过渡:0.2s缓解所有;
-webkit过渡:0.2s轻松全部;
}
酒吧:以前{
左:50%;
}
酒吧:之后{
右:50%;
}
/*活动状态*/
输入:焦点~。栏:之前,
输入:焦点~。栏:之后{
宽度:50%;
}
/*荧光笔==========================================================*/
.亮点{
位置:绝对位置;
身高:60%;
宽度:100px;
最高:25%;
左:0;
指针事件:无;
不透明度:0.5;
}
/*活动状态*/
输入:focus~。突出显示{
-webkit动画:inputHighlighter 0.3s易用性;
-moz动画:inputHighlighter 0.3s轻松;
动画:inputHighlighter 0.3s轻松;
}
/*动画=*/
@-Puthighlighter中的webkit关键帧{
从{
背景:5264AE;
}
到{
宽度:0;
背景:透明;
}
}
@-Puthighlighter中的moz关键帧{
F