003表单

范德彪陕西分彪

已于 2022-03-06 15:00:07 修改

阅读量88

点赞数

分类专栏： html 文章标签： html css html5

于 2021-07-22 01:41:42 首次发布

本文链接：https://blog.csdn.net/weixin_46815330/article/details/118978009

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

表单属性

name:指定空间名称
id:指定标签的唯一标识
value:输入控件的值
checked:复选框组默认被选中的项目
selected:列表框组默认被选中的项目
src:图片框的图片来源
onclick:鼠标单击事件
disabled:禁用该控件
multiple:允许多选

后续需要用css对页面进行优化
method:提交到后台的方式（post隐士提交）
type："text"是文本框。input输入控件~name是给当前文本框起名字，name是可重复的
br换行，

将请输入姓名…用< l abe l >标签将这些文字包起来以便后续设置格式
value是给后台传值

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <form action="" method="">
        <label>请输入姓名:</label>
            <input type="text" name="" id=""><br>
        <label>请输入密码:</label>
            <input type="password" name="" id=""><br>
        <label>再次输入密码:</label>
            <input type="password" name="" id=""><br>
        <label>性别:</label>
        <input type="radio" name="xd" id="" value="1">男
        <input type="radio" name="xd" id="" value="0">女<br>
        <label>兴趣爱好:</label>
            <input type="checkbox" name="" id="" value="1">游泳
            <input type="checkbox" name="" id="" value="2">爬山
            <input type="checkbox" name="" id="" value="3">看书
            <input type="checkbox" name="" id="" value="4">旅游
            <input type="checkbox" name="" id="" value="5">思考 <br>
        <label>生日：</label>
        <select name="" id="">
            <option value="1995">1995</option>
            <option value="1996">1996</option>
            <option value="1997" selected = "selected">1997</option>
            <option value="1998">1998</option>
            <option value="1999">1999</option>
        </select>年

        <select>
            <option value="1">01</option>
            <option value="2">02</option>
            <option value="3">03</option>
            <option value="4">04</option>
            <option value="5">05</option>
        </select>月

         <select>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select>日 <br>
        头像 <img src="side.png" width = 30px height = 30px >
        <select>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select> <br>
        <input type="button" value="普通按钮">
        <input type="submit" value="提交按钮">
    </form>
    <textarea name="" id="" cols="30" rows="10" name="" id="">请输入</textarea>

    <input type="file"> <input type="button" value="上传 "> <br>
    000<input type="hidden" name="" id="">000
        <select size="5" multiple="true">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select>
</body>
</html>

页面布局超级乱。
在这里插入图片描述

在这里插入图片描述

范德彪陕西分彪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
003表单

表单属性name:指定空间名称id:指定标签的唯一标识value:输入控件的值checked:复选框组默认被选中的项目selected:列表框组默认被选中的项目src:图片框的图片来源onclick:鼠标单击事件disabled:禁用该控件multiple:允许多选后续需要用css对页面进行优化<!doctype html><html lang="en"><head> <meta charset="UTF-8">
复制链接

扫一扫