HTML表单

最新推荐文章于 2024-01-06 12:29:24 发布

李sy同学

最新推荐文章于 2024-01-06 12:29:24 发布

阅读量147

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/weixin_47511190/article/details/118661846

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--
    form标签就是表单
    input type=text 是文本输入框 value设置文本框的默认值
    input type=radio 是单选框 name属性可以对其分组，使其只能选一个 checked默认选择
    input type=checked 是复选框 checked默认选择

    select标签是下拉列表框
        option是下拉列表框中的选项  select="selected"设置默认选中

    textarea 表示多行文本输入框 默认值是起始标签和结束标签之间的内容
        rows属性设置可以显示几行的高度
        cols属性设置每行可以显示几个字符宽度

     input type=reset 是重置按钮 value属性修改重置按钮上的文本
     input type=submit 是提交按钮 value属性修改重置按钮上的文本
     input type=button 是按钮 value属性修改重置按钮上的文本
     input type=file 是文件提交按钮 value属性修改重置按钮上的文本



-->
    <form align="center">
        <h1 align="center">用户注册</h1>
        用户名称：<input type="text" value="默认值"> <br>
        用户密码：<input type="password" value="abc"> <br>
        确认密码：<input type="password" value="abc"> <br>
        性别：<input type="radio" name="sex" checked>男<input type="radio" name="sex">女 <br>
        兴趣爱好：<input type="checkbox">足球<input type="checkbox">篮球<input type="checkbox">乒乓球 <br>
        国籍：<select>
                <option>请选择国籍</option>
                <option>中国</option>
                <option>美国</option>
                <option>日本</option>
            </select> <br>
        自我评价：<textarea rows="10" cols="20">默认值</textarea> <br>
        <input type="reset">
        <input type="submit">
        <input type="button" value="按钮">
        <input type="file">
    </form>


</body>
</html>

表单提交的细节

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--
    form标签是表单标签
        action属性设置提交的服务器地址
        method属性设置提交方式GET（默认值）或POST

     表单提交的时候，数据没有发送给服务器的三种情况
       1.表单没有name值
       2.单选、复选、下拉列表中的option标签 都需要添加value属性
       3.表单项不在提交的form标签中

-->
<form align="center" action="http://www.baidu.com" method="get">
    <h1 align="center">用户注册</h1>

    用户名称：<input type="text" value="默认值"> <br>
    用户密码：<input type="password" value="abc"> <br>
    确认密码：<input type="password" value="abc"> <br>
    性别：<input type="radio" name="sex" checked>男<input type="radio" name="sex">女 <br>
    兴趣爱好：<input type="checkbox">足球<input type="checkbox">篮球<input type="checkbox">乒乓球 <br>
    国籍：<select>
    <option>请选择国籍</option>
    <option>中国</option>
    <option>美国</option>
    <option>日本</option>
</select> <br>
    自我评价：<textarea rows="10" cols="20">默认值</textarea> <br>
    <input type="reset">
    <input type="submit">
    <input type="button" value="按钮">
    <input type="file">

</form>


</body>
</html>

李sy同学

关注

0
点赞
踩
0

收藏

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

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title></head><body><!-- form标签就是表单 input type=text 是文本输入框 value设置文本框的默认值 input type=radio 是单选框 name属性可以对其分组，
复制链接

扫一扫