javaweb第二天 HTML表单，CSS样式

最新推荐文章于 2022-07-18 12:48:03 发布

TTtoString

最新推荐文章于 2022-07-18 12:48:03 发布

阅读量312

点赞数

分类专栏： javaweb 文章标签：学习自学

本文链接：https://blog.csdn.net/weixin_45599323/article/details/103411729

版权

本文介绍了HTML表单的基本结构、属性以及<input>标签的使用。接着讲解了CSS的三种引用方式：行内样式、内部样式和外部样式，以及它们的优缺点。此外，还详细阐述了CSS选择器，包括元素选择器、ID选择器和类选择器，并讨论了常见的CSS样式，如字体、链接、背景等。最后提到了浮动、盒子模型以及块状与行状元素的转换。

摘要由CSDN通过智能技术生成

一，HTML 表单

1，< forn ></ forn >标签
表单其实就是一个html的容器主要的作用是:收集前端的数据，提交到服务器

2，< forn >中的属性

<form id="registForm" method="get" enctype="application/x-www-form-urlencoded" action="提交的地址">

method：提交数据的方法，get是明文传送不安全，post自带加密传送安全
action：数据提交的路径，指向数据提交的服务器地址
enctype：表示提交内容的格式

3，< font >中的输入标签
①< input >标签根据属性type的不同有不同的功能

 		 < input type="text" name="uname" value="admin">
         name的值，主要用于提交到服务器，服务器通过name来获取其值
         value="admin" 表示默认填充值         
         type="text"  表示文本的类型
         type="password" 表示密码
         type="hidden"  隐藏当前输入框
         type="url" 表示提交提交的地址
         type="search" 搜索按钮
          type="tel" 表示电话
          type="image" 表示图片
       	  type="color"  表示颜色的值
          type="range" 滑块 min="10" max="100" step="10" value="50"  最小值   最大值  每次滑动间隔的值  默认值
          type="number" 数字   min="10" max="100" step="10" value="50"   意思看上
          type="file" 表示文件
          type="email" 邮箱
           提交按钮三个：type="submit" 用于提交
                     type="button" 表示普通的按钮
                     type="reset" 表示重置(清空)

         时间:type="date"  表示年月日
              type="datetime" 表示年-月-日-时-分-秒
               type="month" 表示年月
              type="time" 表示小时与分钟
              type="week" 表示年与周

      单选按钮: type="radio"   注意点1.name值必须是一样 2.value值在页面并不能显示,主要是给服务器提交数据
      复选按钮: type="checkbox" 注意点1.name值必须是一样 2.value值在页面并不能显示,主要是给服务器提交数据

       下拉框:select  ==》 具体的条目是  
                      <option>  value="亲情乐园"  这个values 值是提交的时候服务器获取的
                       selected 表示默认选中那个条目

                       <optgroup label="小学"> 表示分组   label="小学  是要分的组

    文本域: