html表单的应用（新手小白必看）

最新推荐文章于 2022-04-22 19:24:08 发布

中将jkx

最新推荐文章于 2022-04-22 19:24:08 发布

阅读量217

点赞数 3

分类专栏：笔记

本文链接：https://blog.csdn.net/m0_52934166/article/details/117335499

版权

笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

#我们今天来一起学习html表单的应用
注释超详细（保姆级教程）
1.首先我们来写一个简单的表单

 <!doctype html>   <!--html的声明-->
 <html>
 <head>
 <mata charset="utf-8">  <!--设置编码为utf-8-->
<style type="text/css">  <!--设置css-->
         body{background-color:#650} <!--设置整个页面颜色-->
 <style>
 </head>
 <body>
         <h4>表单制作</h4>  <!--设置文字大小为h4-->
         <div align="center" > <!--设置整个表单居中-->
         <form >  <!--表单域，包涵整个表单-->
                  <p><span>账号:</span>
                  <input type="text" maxlength="6"><br /></p>
                  <!--text为文本输入框，maxlength设置输入字符数的最大数量-->
                  <p><span>密码:</span>
                  <input type="password" maxlength="8"><br /></p>   <!--password为密码输入框，maxlength的运用同上-->
                  <p><span>籍贯:</span>
                  <select> <!--select是下拉列表框，option是下拉的东西-->
                            <option>广东省</option>
                            <option>四川省</option>
                            <option>河北</option>
                            <option>山东</option>
                   </select></p><br />
                   <p><span>性别<span>
                   <input type="radio" name="sex" checked="checked"><span>男</span> <!--radio是单选框，name由用户自定义，checked是定义为默认选项-->
                   <input type="radio" name"sex"><span>女</span></p><br />    <!--同上-->
                   <p><span>爱好:</span>
                   <input type="checkbox">踢足球
                   <input type="checkbox">看书
                   <input type="checkbox">打篮球
                   <input type="checkbox">听音乐
         </p><br /> <!--checkbox为多选框-->
                   <p><span>上传头像</span>
                   <input type="file" >
                   </p> <!--file用于上传文件-->
                    <p><span> 反馈</span>
                    <textarea cols="50" rows="5">
                    </textarea>
                   </p><br /> <!--textarea是用于设置多行文本框，cols用于设置文本框每行最多写多少字，rows用于设置文本框的行数-->
                   <p>
                        <input type="submit"  value="免费注册">
                        <!--submit用于设置提交按钮-->
                        <input type="reset" value="重新设置">
                        <!--seset用于设置重置按钮-->
                   <p/>
         </form>
         </div>
</body>
<!--制作人:中将jkx-->
</html>

代码到这里就写完了，我们下期再见
喜欢本文请点赞评论关注
码友们如果本文写有错误请在评论区指出，也一起讨论关于前端的问题

中将jkx

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
4
评论
html表单的应用（新手小白必看）

#我们今天来一起学习html表单的应用##1.我们先来写一个简单的表单##2.然后我们来解析各个属性值##3.最后我们来总结表单该怎么写1.我们来写一个简单的表单 <!doctype html> <html> <head> <mata charset="utf-8"> </head> <body> <form> 账号:<input type="t
复制链接

扫一扫