input标签的值只能两位小数_【HTML】5 HTML标签：表单

最新推荐文章于 2023-03-28 11:40:19 发布

731英语第一

最新推荐文章于 2023-03-28 11:40:19 发布

阅读量189

点赞数

文章标签： input标签的值只能两位小数

本文链接：https://blog.csdn.net/weixin_30417063/article/details/112487323

版权

1、表单的作用：收集用户信息

2、表单的组成：表单域、表单控件（也称表单元素）、提示信息

3、表单域：一个包含表单元素的区域，用<form></form>标签定义，<form></form>会把它范围内的表单元素提交给服务器。

在我们写表单元素之前要有个表单域将其包含
表单域就是form标签，form标签就是表单域

4、表单元素

允许用户在表单中输入或者选择的内容控件。

这三组表单元素都应该包含在form表单中，并且拥有name属性

（1）input输入表单元素

<input>标签用于收集用户信息

<input>标签中包含一个必须要写的属性，type属性，根据不同type属性值可以，输入字段拥有很多种形式（文本字段、复选框、单选按钮、按钮等等）。

<input>标签的其他常用属性：

<label>标签，用于绑定一个表单元素，当点击<label>标签内文本时，浏览器将自动将焦点转到或选择对应的表单元素，用来增加用户体验。

属性值用for，值为对应表单元素的id值。

（2）select下拉表单元素

使用场景：有多个选项要选择，想要节省页面空间

<select>
    <option selected="selected">选项1</option> <!--本行selected属性设置了默认选项-->
    <option>选项2</option>
    <option>选项3</option>
    <option>选项4</option>
    ...
</select>

（3）textarea文本域元素

<textarea></textarea>标签是用于定义多行文本输入的控件。

<textarea cols="每行字符是" rows="行数">文本框内默认显示文字</textarea>

cols和rows属性了解就行，以后都是用CSS来做。

【应用案例】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <table>
        <tr>
            <td>姓名</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="sex" id="nan"><label for="nan">男</label>
                <input type="radio" name="sex" id="nv"><label for="nv">女</label>
            </td>
        </tr>
        <tr>
            <td>生日：</td>
            <td>
                <select>
                    <option>--请选择年份--</option>
                    <option>1995年</option>
                    <option>1996年</option>
                    <option>1997年</option>
                    <option>...</option>
                </select>
                <select>
                    <option>--请选择月份--</option>
                    <option>1月</option>
                    <option>2月</option>
                    <option>3月</option>
                    <option>...</option>
                </select>
                <select>
                    <option>--请选择日期--</option>
                    <option>1日</option>
                    <option>2日</option>
                    <option>3日</option>
                    <option>...</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>地区：</td>
            <td><input type="text"></td>
        </tr>
        <tr>
            <td>兴趣爱好：</td>
            <td>
                <input type="checkbox" name="love">吃饭
                <input type="checkbox" name="love" checked="checked">睡觉
                <input type="checkbox" name="love">打豆豆

            </td>
        </tr>
        <tr>
            <td>个人介绍</td>
            <td>
                <textarea cols="30" rows="5">个人简介</textarea>
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="免费注册"></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked">我同意注册条款和会员加入标准
            </td>
        </tr>
        <tr>
            <td></td>
            <td><a href="#">已注册，立即登录</a></td>
        </tr>
    </table>
</body>
</html>

运行结果：

731英语第一

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
input标签的值只能两位小数_【HTML】5 HTML标签：表单

1、表单的作用：收集用户信息2、表单的组成：表单域、表单控件（也称表单元素）、提示信息3、表单域：一个包含表单元素的区域，用<form></form>标签定义，<form></form>会把它范围内的表单元素提交给服务器。在我们写表单元素之前要有个表单域将其包含表单域就是form标签，form标签就是表单域4、表单元素允许用户在表单中输入或者选择的内...
复制链接

扫一扫