master

分支 (2)

管理

管理

master

1.0

ToolsUI
/
index3.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>信息无障碍公共服务平台-表单朗读演示</title>
    <meta name="keywords" content="信息无障碍,无障碍改造咨询,网站无障碍,无障碍工具条,无障碍辅助工具,无障碍检测,诊断及差距分析,指南及评测标准,无障碍设计,APP无障碍,盲人上网,盲人工程师,信息无障碍产品联盟" />
    <meta name="description" content="太阳湾科技是中国最早专注于信息无障碍的专业机构。为推动中国信息无障碍环境建设进程，研究会组建了一支由精通IT和信息无障碍专业知识、同时是障碍群体组成的信息无障碍专家团队，提供专业信息无障碍测试、咨询、优化服务，以实现信息无障碍在执行层面的可行性。" />
    <meta name="renderer" content="webkit" />
    <link href="css/public.css" rel="stylesheet" type="text/css" />
    <link href="css/demo.css" rel="stylesheet" type="text/css" />
    <meta name="GENERATOR" content="MSHTML 11.00.9600.16521" />
</head>
<body>
    <div id="skip">
        <a title="跳转到主要内容区域" accesskey="2" href="index3.html#content">跳转到主要内容区域</a>
    </div>
    <div id="wrapper" style="margin-top:20px">
        <div id="header">
            <h1 id="logo">
                <img alt="太阳湾软件无障碍云服务产品演示" src="css/logo.jpg" />
            </h1>
        </div>
        <div id="main">
            <div id="sidebar">
                <h2>
                    功能演示目录
                </h2>
                <ul id="nav">
                    <li><a href="index.html" accesskey="l">文本朗读演示页面</a></li>
                    <li><a href="index2.html" accesskey="l">非文本对象演示页面</a></li>
                    <li>表单朗读演示页面</li>
                    <li><a href="index4.html" accesskey="l">栏目跳转演示页面</a></li>
                    <li><a href="index5.html" accesskey="l">区域跳转演示页面</a></li>
                </ul>
            </div>
            <div id="content">
                <h2>
                    表单内容朗读演示页
                </h2>
                <div id="explain">
                    <strong>开启语音：</strong>点击辅助浏览工具条“语音”按钮即可开启语音辅助功能。也可以使用转换键[Shift]+回车键[Enter]开启和关闭语音辅助功能。<br />
                    <strong>使用方法：</strong>使用鼠标悬停选择或键盘焦点选择即可听到语音朗读内容；使用“连读”功能可以朗读当前页面所有内容。
                </div>
                <h3>
                    示例表单
                </h3>
                <form id="Amblyopia3" onsubmit="return false;" action="#">
                    <div class="formLine">
                        <label accesskey="i" for="xm">
                            姓名：
                        </label><input title="姓名" class="text" id="xm" type="text" />
                    </div>
                    <div class="formLine">
                        <label accesskey="i" for="mm">
                            密码：
                        </label><input title="密码" class="text" id="mm" type="password" />
                    </div>
                    <div class="formLine">
                        性别： <label accesskey="i" class="short"><input name="sex" title="性别：男" type="radio" />男</label> <label accesskey="i"
                                                                                                                              class="short"><input name="sex" title="性别：女" type="radio" />女</label>
                    </div>
                    <div class="formLine">
                        <label accesskey="i" for="xl">
                            学历：
                        </label><select title="学历" id="xl">
                            <option>本科</option>
                        </select>
                    </div>
                    <div class="formLine">
                        爱好： <label accesskey="i" class="short"><input title="爱好：游泳" type="checkbox" />游泳</label> <label accesskey="i" class="short">
                            <input title="爱好：音乐" type="checkbox" />音乐
                        </label>
                    </div>
                    <div class="formLine">
                        <label accesskey="i" id="jylable" for="jy">
                            建议：
                        </label><textarea title="建议" id="jy"></textarea>
                    </div>
                    <div class="formLine">
                        <input title="提交" class="button" type="submit" value="提交" /><input title="重置" class="button"
                                                                                           type="reset" value="重置" />
                    </div>
                </form>
            </div>
            <div style="clear:both;"></div>
        </div>
        <div id="footer">
            <div class="rightBox" id="copyright">
                Copyright 2018-2020 太阳湾软件
            </div>
            <div class="leftBox" id="address">
                地址：广东省深圳市龙岗区<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_1272939479'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1272939479%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
            </div>
            <div class="rightBox" id="tel">
                QQ:308463776
            </div>

        </div>
    </div>
</body>
</html>