提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

html知识代码

HTML代码 知识
2023-09-14 09:00:35 时间 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .box {
            width: 300px;
            height: 300px;
            border: 1px solid red;

            text-align: center;
            font-size: 20px;
            text-indent: 4em;
            font-style: italic;
            font-weight: bold;
            /* font: 20px/50px 30px 'Microsoft Yahei'; */
            font: italic bold 20px/50px "Microsoft Yahei";
            overflow: hidden;
            font-weight: normal;
            font-style: normal;
            line-height: 60px;


        }
    </style>
</head>

<body>
    <div class="box">
        搜狐娱乐讯 7年后，搜狐娱乐讯 7年后，老友大银幕上再合作，他们之间的角色关系是？杨幂和霍建华，对《逆时营救》里两人的关系给出了对立又逗趣的答案霍建华：相爱相杀。杨幂：没有相爱，只有相杀。
    </div>
    <form action="">
        <!-- 用户名 -->
        <p>
            <label for="name">用户名：</label>
            <input type="text" name="name" id="name" />
        </p>
        <!-- 密码 -->
        <p>
            <label for="pwd">密码：</label>
            <input type="password" name="pwd" id="pwd">
        </p>
        <!-- 性别 -->
        <p>
            性别：
            <label for="man">
                <input type="radio" name="sex" id="man" value="0">男
            </label>
            <label for="woman">
                <input type="radio" name="sex" id="woman" value="1">女
            </label>
        </p>
        <!-- 爱好 -->
        <p>
            爱好：
            <label for="sleep">
                <input type="checkbox" name="like" id="sleep" value="0" />睡觉
            </label>
            <label for="learn">
                <input type="checkbox" name="like" id="learn" value="1">学习
            </label>
            <label for="watchTV">
                <input type="checkbox" name="like" id="watchTV" value="2">看电视
            </label>
            <label for="practice">
                <input type="checkbox" name="like" id="practice" value="3">健身
            </label>
        </p>
        <!-- 艳照 -->
        <p>
            艳照：
            <input type="file" name="file" id="file">
        </p>
        <!-- 下来列表 -->
        <p>
            籍贯：
            <select name="addr" id="addr">
                <option value="0">北京</option>
                <option value="1">上海</option>
                <option value="2">广州</option>
                <option value="3" selected="selected">深圳</option>
            </select>
        </p>
        <!-- 个人描述 -->
        <p>
            <label for="info">个人描述：</label>
            <textarea name="info" id="info" cols="30" rows="10"></textarea>
        </p>
        <!-- 隐藏域 -->
        <input type="hidden" name="isVip" value="YES">
        <!-- 普通按钮 -->
        <input type="button" name="button" value="普通按钮">
        <!-- 注册按钮 -->
        <input type="submit" name="submit" value="注册">
        <!-- 重置按钮 -->
        <input type="reset">

    </form>
</body>

</html>

　　

相关文章