<!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>

　　

html知识代码的更多相关文章

  1. iOS Swift基础知识代码

    推荐:Swift学习使用知识代码软件 //集合类型 数组 字典 func array1(){ var arr = [","dd"] //简单写法 var arr1 = [ ...

  2. C++调用Matlab引擎 图像读写与处理 （知识+代码篇）

    准备知识 之 Matlab Engine 执行命令 /* Execute matlab statement */ int engEvalString(Engine* ep, const char* s ...

  3. 二叉树（LeetCode） C++相关知识代码 系列1

    0.二叉树最大深度 原题目:Given a binary tree, find its minimum depth.The minimum depth is the number of nodes a ...

  4. 021PHP基础知识——代码重用

    <?php /** * 代码重用 * include() require() 载入文件 * include() 如果载入的文件不存在,提示警告错误. * require() 如果载入的文件不存在 ...

  5. PHP 基础知识代码总结

    一.PHP基础语法 变量到数组 <?php //phpinfo(); /* 变量 $a=1;//不分配空间 echo "\$a=".$a; echo "<br ...

  6. 1.4 Python基础知识 - 代码书写格式及条件判断"if ... else ..."

    一.代码的书写规则 在所有的开发语言中,代码之间都是有关联的关系,有的是包含关系,有的是上下级关系,有的是代表语句的结束.在python中也是有相应的规则的: 1.在没有上下级关系的代码中,代码要顶行 ...

  7. java基础知识代码-------枚举类型

    package com.mon10.day22; /** * 类说明 :枚举类型,案例二 * * @author 作者 : chenyanlong * @version 创建时间:2017年10月22 ...

  8. 模拟QQ聊天与视频聊天同时进行-------java基础知识总结

    前言:多线程的知识 代码: package com.day13.math; /** * 类说明 :模拟QQ聊天与视频聊天同时进行 * @author 作者 : chenyanlong * @versi ...

  9. [易学易懂系列|rustlang语言|零基础|快速入门|（16）|代码组织与模块化]

    [易学易懂系列|rustlang语言|零基础|快速入门|(16)|代码组织与模块化] 实用知识 代码组织与模块化 我们知道,在现代软件开发的过程中,代码组织和模块化是应对复杂性的一种方式. 今天我们来 ...

随机推荐

  1. fastjson常用操作

    一. fastjson生成json字符串(JavaBean,List<JavaBean>,List<String>,List<Map<String,Object&g ...

  2. java调用kettle_实现（2）

    (1).参照“java调用kettle_导入jar包(1)”,应用etl工具下lib里的所有jar (2). 最近要对一个系统的数据同步到另一个系统中,要求新系统的数据结果完成之后,实时同步到另一个系 ...

  3. 【转】【Linux】grep命令详解

    简介 grep (global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一种强大的文本搜索工具,它 ...

  4. nginx php文件上传的大小配置问题

  5. uva624 CD （01背包+路径的输出）

    CD Time Limit:3000MS Memory Limit:0KB 64bit IO Format:%lld & %llu Submit Status Practice UVA 624 ...

  6. 解决spring boot中rest接口404,500等错误返回统一的json格式

    在开发rest接口时,我们往往会定义统一的返回格式,列如: { "status": true, "code": 200, "message" ...

  7. iOS开发之--一些有用的博文和博客

    应用内购的详细教程: http://mp.weixin.qq.com/s?__biz=MzA3NzM0NzkxMQ==&mid=2655357883&idx=2&sn=7cda ...

  8. 将list列表中unicode类型的值转换为字符串类型

  9. SQL ALTER TABLE 命令

    SQL ALTER TABLE 命令 SQL ALTER TABLE 命令用于添加.删除或者更改现有数据表中的列. 你还可以用 ALTER TABLE 命令来添加或者删除现有数据表上的约束. 语法: ...

  10. vue 阻止表单默认的提交事件

    form <form autocomplete="off" @submit.prevent="onSubmit"> <input type=& ...