La aplicación de una simple información de la interfaz de usuario grabada después del primer día de aprendizaje HTML

requisitos:

Las páginas estáticas se ejecutan efecto es el siguiente:
Aquí Insertar imagen Descripción

la implementación del código:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简介</title>
</head>
<body>

<form action="" method="get">
    用户名:<input type="text" placeholder="请输入用户名" name="user"><br>&emsp;码:<input type="password" placeholder="请输入密码" name="pwd"><br>
    性别:<label for="male"></label>
    <input type="radio" name="sex" value="male" id="male">
    <label for="female"></label>
    <input type="radio" name="sex" value="female" id="female">
    <label for="no">保密</label>
    <input type="radio" name="sex" value="no" id="no" checked>
    <br>
    爱好:<label for="sing">唱歌</label>
    <input type="checkbox" name="hobby" id="sing" value="sing" checked>
    <label for="dance">跳舞</label>
    <input type="checkbox" name="habby" id="dance" value="dance">
    <label for="draw">画画</label>
    <input type="checkbox" name="hobby" id="draw" value="draw">
    <br>
    上传头像:<input type="file" accept="image/*"><br>
    地址:<select name="address" id="address" size="1">
            <optgroup label="河南省">
                <option value="ZZ">郑州市</option>
                <option value="XY">信阳市</option>
                <option value="NY">南阳市</option>
            </optgroup>
            <optgroup label="湖北省">
                <option value="WH">武汉市</option>
            </optgroup>
            <optgroup label="湖南市">
                    <option value="CS">长沙市</option>
            </optgroup>
    </select>
    <br>
    个人简介:<textarea name="introduce" id="introduce" cols="30" rows="10"></textarea><br>
    <input type="submit" value="提交">
    <input type="reset">
</form>

</body>
</html>

Pequeña expansión:

Implementar las páginas de búsqueda estáticas, salta automáticamente al navegador Baidu y buscar de forma automática.

Necesidad de ir a la página oficial en la búsqueda de Baidu motor de búsqueda de una cosa casual, a continuación, copiar y pegar la parte superior izquierda parte de la URL especificada en el atributo de acción;
búsqueda por palabra clave (belleza) correspondiente nombre (WD) es el nombre del cuadro de búsqueda atributos atributos valor.

Aquí Insertar imagen Descripciónla implementación del código:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="https://www.baidu.com/s" method="get">
    搜索:<input type="text" name="wd">
    <input type="submit">
</form>

</body>
</html>
Publicado 65 artículos originales · alabanza ganado 50 · vistas 3583

Supongo que te gusta

Origin blog.csdn.net/qq_44907926/article/details/104809502
Recomendado
Clasificación