今天完成了作业中第三张能力评估表的搭建
html界面(部分)如下:
以下是前端代码(部分):
<body>
<h1 style="text-align: center">能力评估</h1>
<div id="root" style="border: 1px solid black"><form id="addForm" ><h2>三、感知觉与沟通评估表</h2><label for="consciousness">1.意识水平</label><div id="consciousness"><label><input type="radio" name="consciousness" value="0">神志清醒,对周围环境警觉</label><label><input type="radio" name="consciousness" value="1">嗜睡,表现为睡眠状态过度延长。当呼唤或推动其肢体时可唤醒,并能进行正确的交谈或执行指令,停止刺激后又继续入睡</label><label><input type="radio" name="consciousness" value="2">昏睡,一般的外界刺激不能使其觉醒,给予较强烈的刺激时可有短时的意识清醒,醒后可简短回答提问,当刺激减弱后又很快进入睡眠状态</label><label><input type="radio" name="consciousness" value="3">昏迷,处于浅昏迷时对疼痛刺激有回避和痛苦表情;处于深昏迷时对刺激无反应(若评定为昏迷,直接评定为重度失能,可不进行以下项目的评估)</label></div><label for="vision">2.视力:若平日带老花镜或近视镜,应在佩戴眼镜的情况下评估</label><div id="vision"><label><input type="radio" name="vision" value="0">能看清书报上的标准字体</label><label><input type="radio" name="vision" value="1">能看清楚大字体,但看不清书报上的标准字体</label><label><input type="radio" name="vision" value="2">视力有限,看不清报纸大标题,但能辨认物体</label><label><input type="radio" name="vision" value="3">辨认物体有困难,但眼睛能跟随物体移动,只能看到光、颜色和形状</label><label><input type="radio" name="vision" value="4">没有视力,眼睛不能跟随物体移动</label></div><label for="hearing">3.3 听力:若平时佩戴助听器,应在佩戴助听器的情况下评估</label><div id="hearing"><label><input type="radio" name="hearing" value="0">可正常交谈,能听到电视、电话、门铃的声音</label><label><input type="radio" name="hearing" value="1">在轻声说话或说话距离超过 2 米时听不清</label><label><input type="radio" name="hearing" value="2">正常交流有些困难,需在安静的环静或大声说话才能听到</label><label><input type="radio" name="hearing" value="3">讲话者大声说话或说话很慢,才能部分听见</label><label><input type="radio" name="hearing" value="4">完全听不见</label></div><label for="communication">4.沟通交流:包括非语言沟通</label><div id="communication"><label><input type="radio" name="communication" value="0">无困难,能与他人正常沟通和交流</label><label><input type="radio" name="communication" value="1">能够表达自己的需要及理解别人的话,但需要增加时间或给予帮助</label><label><input type="radio" name="communication" value="2">表达需要或理解有困难,需频繁重复或简化口头表达</label><label><input type="radio" name="communication" value="3">不能表达需要或理解他人的话</label></div><button type="submit">下一步</button></form><div><a href="index.html"><button>返回主界面</button></a></div>
</div>
</body>