表单项_html/css_WEB-ITnose

<!-- 单行文本框，密码文本框 --><p>用户名：<input type="text" name="user" value=""></p><p>密   码：<input type="password" name="psw" value=""></p><!-- 单选按钮 checked="checked"预设，代码里代表性别女已被预选 注意两个name值要一样，否则达不到单选的效果--><p><br />性别：男<input type="radio" name="sex" value="男"> 女<input type="radio" name="sex" value="女" checked="checked"><br /></p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><!-- 复选框,如若要提前选中，要加上checked="checked"，预设已选中 --><p><br />爱好：羽毛球          <input type="checkbox" name="hobby" value="羽毛球"> 网  球<input type="checkbox" name="hobby" value="网  球" checked="checked"> 乒乓球          <input type="checkbox" name="hobby" value="乒乓球"> 瑜  珈<input type="checkbox" name="hobby" value="瑜  珈"><br /></p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/2085">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175679986390996.png" alt="表单大师AI">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/2085">表单大师AI</a>
                            <p>一款基于自然语言处理技术的智能在线表单创建工具，可以帮助用户快速、高效地生成各类专业表单。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="表单大师AI">
                                <span>74</span>
                            </div>
                        </div>
                        <a href="/ai/2085" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="表单大师AI">
                        </a>
                    </div>
                <!-- 下拉列表,multiple="multiple"表示下拉列表中的选项可多选，(<select>...</select>)(<option>...</option>)是双标签 --><p>课程：<select name="select" multiple="multiple" ><option value="01">计算机基础</option><option value="02">计算机网络</option><option value="03">计算机组成原理</option><option value="04">计算机导论</option><option value="05">计算机科学与技术</option></select><br /></p><!-- 上传文件 --><p>上传照片：<input type="file" name="f"/></p><br /><br />

<!-- 多行文本框,一个汉字占两个字节占两列，一个字母占一列 ，当输入文字超过显示容量时，多行文本框会自动加上滚动条--><p><textarea rows="4" cols="6">真善美，是我们每一个人穷尽一生努力追求的 zhenshanmeishiwomenmeiyigerenqiongjinyishengnulizhuiqiude</textarea></p>

<p> <br /><input type="button" name="b" value="单击进入" onclick="alert('你单击了按钮')"> <br /> <!--普通按钮，onclick触发按钮事件，单击后有对话框提示-->  <br /><input type="submit" name="s" value="提交"> <br /><input type="reset" name="r" value="重置"> <br /><input type="image"src="images/submit.gif" alt="提交" title="点击提交"> <br /><!--使用图片提交，建议alt（当图片加载不出来或者图片路径不正确情况下会显示alt的值用来表示图片的内容）和title（当鼠标放置图片上时显示title的值）都使用--><br /></p>