zoukankan      html  css  js  c++  java
  • HTML实训知识分享Day03

    模块回顾

    1.th标签

    2.form标签

    一、th标签

    1.th标签类似于td,th在表示列的同时带有居中和加粗的属性,其他功能与td相同。

    二、form标签

    1.form标签创建供用户输入的表单。

    其常用的属性有action(定义一个 URL。当点击提交按钮时,向这个 URL 发送数据。)、enctype(用于对表单内容进行编码的 MIME 类型。)

    其提交方式(method属性用于向 action URL 发送数据的 HTTP 方法。默认是 get。)有get方式和post方式。

    ①get方式:路径? 键=值 &键=值   其缺点:不安全,传输的内容大小有限制。

    ②post方式:

    表单元素通用格式:<input type"表单元素的类型" name="键" value="值">
    表单元素的类型:
    ①文本类型:
    *文本框:text
    *密码框:password
    *按钮类型:button
    *提交按钮:submit
    *选择类型:
    *单选:radio 注意需要用name属性进行分组
    *多选:checkbox
    label标签定义控件的标注。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
    checked是默认选中
    不可编辑:disable
    下拉框是<select>

    <option>下拉的内容</option>

    </select>下拉框
    默认选中:selected
    多行文本框

    <textarea name="" id="" cols="30" rows="10"> <!--cols是规定文本区内可见的列数。row是规定文本区内可见的行数。-->
    </textarea>

    例如:

    <form action="" enctype="multipart/form-data">
    用户名<input type="text" style="font-size-adjust: auto" name="username" placeholder="请输入用户名">
    <br>密码&nbsp; <input type="password" name="pwd" value="">
    <br>隐藏域:<input type="hidden">
    <br>普通按钮:<input type="button" value="普通按钮">
    <br>重置按钮:<input type="reset" value="重置">
    <br>提交按钮:<input type="submit" value="提交">
    <br>性别:<label>男<input type="radio" name="sex"></label><label>女<input type="radio" name="sex"></label>
    <br>爱好:<label>篮球<input type="checkbox" name="lanqiu"></label>
    <label>足球<input type="checkbox" name="zuqiu" disabled></label>
    <label>排球<input type="checkbox" name="paiqiu" checked></label>
    <br>上传文件:<input type="file">
    <br>地区:<select name="" id="" > <!--multipe size 一般需要连用才有效-->
    <option value="">淄博</option>
    <option value="">济南</option>
    <option value="" selected>青岛</option>
    <option value="">枣庄</option>
    </select>
    <br><br>

    个人简介<textarea name="" id="" cols="30" rows="10">

    </textarea>
    </form>

    效果为:

  • 相关阅读:
    socket 编程练习--UDP聊天程序
    练习 多线程
    练习二:求最大公约数
    练习一:单链表的反转,串的模式匹配
    【算法1】string 的全排列
    lw资料
    SDmenu滑动菜单获取导航连接部分代码
    FileOperate(个人资料)
    C/C++基本数据类型
    C++/MFC计算程序运行时间
  • 原文地址:https://www.cnblogs.com/LuckyGJX/p/8411180.html
Copyright © 2011-2022 走看看