会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132358个问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form练习</title>
</head>
<body>
<form action="work.html" enctype="multipart/form-data">
    <p>
        姓名:<input type="text" value="大傻" disabled>
    </p>
    <p>
        密码: <input type="password">
    </p>
    <p>
        性别:<input type="radio" id="男" checked name="性别">
        <label for="男">男</label>
        <input type="radio" id="女" name="性别">
        <label for="女">女</label>

    </p>
    <p>
        喜欢的水果:
        <input type="checkbox" id="桃" name="水果">
        <label for="桃">桃</label>
        <input type="checkbox" id="苹果" name="水果">
        <label for="苹果">苹果</label>
        <input type="checkbox" id="梨" name="水果">
        <label for="梨">梨</label>
    </p>

    <input type="file">
    <input type="image" src="img2.gif">
    <p>
        <input type="submit" value="提交表单">
    </p>
    <p>
        <input type="reset" value="点我重制">
    </p>
    <p>
        <input type="button" value="我并没卵用">
    </p>
    <p>
        表单1:<select name="数字" id="">
            <option value="">11</option>
            <option value="">22</option>
            <option value="" selected>33</option>
            <option value="">44</option>
            <option value="">55</option>
            <option value="">66</option>
            <option value="">77</option>
            <option value="">88</option>
            <option value="">99</option>
            <option value="">00</option>
        </select>
    </p>
    <p>
        表单2:<select name="字母" id="">
            <optgroup label="数字">
                <option value="">a</option>
                <option value="">22b</option>
                <option value="">33c</option>
                <option value="">44d</option>
            </optgroup>
            <optgroup label="字母">
                <option value="">55e</option>
                <option value="">66f</option>
                <option value="" selected>77g</option>
                <option value="">88h</option>
                <option value="">99i</option>
                <option value="">00g</option>
            </optgroup>
        </select>
    </p>
    <p>
        <textarea name="" id="liu" cols="30" rows="10">留言板:
        </textarea>
    </p>
    <p>
        <input type="hidden">
        <button type="submit">按键1</button>
    </p>
</form>
</body>
</html>

image.png

WEB前端全系列/第一阶段:HTML5+CSS3模块/表单 451楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="work.html" name="biao1" method="post">
用户名:<input type="text" name="user" value="请输入用户名">
<br>
密码:<input type="password" name="password" value="11">
<br>
性别:   <input type="radio" name="性别" value="男">男
        <input type="radio" name="性别" value="女">女
<br>
爱好:
<input type="checkbox" name="like" >读书
<input type="checkbox" name="like">画画
<input type="checkbox" name="like">写字
<input type="checkbox" name="like">科技
<br>
<input type="submit" name="确认" value="确认">
<input type="reset" value="充值">
<input type="button" value="五功能按钮">
<br>

<button type="submit">点我</button>
<button type="reset">点我</button>
</form>
<form action="../003form表单/images/img1.gif">
    <select name="sg" id="sg">
        <option value="bj" >苹果</option>
        <option value="bj" >梨</option>
        <option value="bj" >香蕉</option>
        <option value="bj" >葡萄</option>
    </select>
</form>
<form action="../003form表单/02表单元素1.html" enctype="multipart/form-data">
    <select name="xw" id="xw">
            <optgroup label="我是组1">
                <option value="w">漩涡1</option>
                <option value="w">漩涡2</option>
                <option value="w">漩涡3</option>
                <option value="w">漩涡4</option>
            </optgroup>
        <optgroup label="我是组2">
            <option value="w">漩涡1</option>
            <option value="w">漩涡2</option>
            <option value="w">漩涡3</option>
        </optgroup>

    </select>
    <p>
        <input type="radio" name="性别" value="男" id="男">
        <label for="男">男</label>
        <input type="radio" name="性别" value="女" id="女">
        <label for="女">女</label>
    </p>
    <p>
        <textarea id="留言板">请输入留言
        </textarea>
    </p>
    <p>
        <input type="image" src="img2.gif">
    </p>
    <input type="file" >

</form>
</body>
</html>

image.png

WEB前端全系列/第一阶段:HTML5+CSS3模块/表单 452楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5基础元素 459楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5基础元素 460楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5基础元素 461楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/HTML5基础元素 462楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/CSS3新特性 465楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637