11.17 DAY 3 笔记

本文详细描述了一个HTML用户注册表单的结构,包括文本输入、单选/多选、邮箱输入、下拉菜单等元素,以及相关属性的使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>用户注册</h1>
    用户名<input type="text" >
    <br />
    <input type="text" disabled placeholder="zhangsan">
    <br />
    密码<input type="password">
    <br />
    性别<input type="radio" name="sex">男
    <input type="radio" name="sex">女
    <br />
    爱好<input type="checkbox">唱
    <input type="checkbox">跳
    <input type="checkbox">Rap
    <input type="checkbox">打篮球
    <br />
    邮箱<input type="text" placeholder="请输入你的邮箱">
    <br />
    用户头像<button>选择文件</button>未选择文件
    <br />
    家庭住址<select name="address" id="" >
        <option value="请选择你的住址">请选择你的住址</option>
    </select>
    <br />
    收货住址<select name="省份" id="" multiple size="4">
        <option value="广州">广州</option>
        <option value="深圳">深圳</option>
        <option value="重庆">重庆</option>
        <option value="南京">南京</option>
        <option value="北京">北京</option>
        <option value="上海">上海</option>
        <option value="南平">南平</option>
    </select>
    <br />
    <br />
    建议或意见<textarea name="" id="" cols="30" rows="2" placeholder="你的建议或意见"></textarea>
    <br />
    选择你喜欢的颜色注册时间
    <br />
    <button>注册</button><button>重置</button>
</body> 
</html>
html标签及其属性
标签作用可用属性
<h1~h6>

标题标签

align规定标题居中格式
<strong><b>加粗文字
<p>段落标签align规定文本的对齐方式
<ul>无序列表type规定项目符号的类型
<li>定义列表项目
<ol>有序列表

type规定项目符号类型 

start规定起始点

<dl>自定义列表
<dt>自定义列表项目
<dd>自定义列表项目的部分
<I><em>斜体文字
<small>小号文字
<a>

通过href建立一个超链接

target跳转其他网页时保不保留自身网页

通过name与自身网页进行跳转

<br />换行符
<button>定义一个按钮

disabled禁用此按钮

type规定按钮类型

<div>分区或节
<form>创建一个表单

action规定当提交表单时向何处提交表单数据

<hr />创建一个水平线
img定义一个图像

align规定周围文本排列在图像的位置

height规定图像高度

width规定图像宽度

hspace规定图片和文字的水平位置

vspace规定图片和文字的垂直位置

input创建一个输入框

type规定输入框的类型如:password密码输入框(加密)text(没加密的) radio 单选框 checkbox 多选框

disabled 禁用

<select>创建单选或多选菜单

disabled禁用菜单

multiple规定可选择多个选项

size规定下拉列表可看到的选项数目

<option>下拉列表的一个项目
<sub>下标文本h
<sup>上标文本
<table>创建一个表格

border规定表格边框宽度

cellspacing规定单元格之间的空白

width规定表格宽度

<tr>表格中的行
<th>表头、加粗字体

rowspan横跨行数

colspan横跨列数

bgcolor定义背景颜色

<td>标准单元格
textarea文本框disabled禁用文本框

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值