HTML系列(HTML表单)

表单结构

<form>...</form>

属性名称 属性值 说明
name string 字符串,给这个表单起个名字
method get/post 表单的传输方式
action url 路径,传输目标
标题:<label>标签
文本栏:<input type="text" >
密码栏: <input type="password" >
隐藏性栏位:<input type="hidden" >
属性名称 说明
name 栏位名称
value 栏位内定值
size 栏位显示宽度
maxlength 栏位数据输入最大长度
placeholder 隐身字
readonly 只读,禁止写
disabled 禁用
文本框
复选框(多选):<input type=”checkbox”>
单选框:<input type="radio">
属性名称 说明
name 栏位名称
value 内定值
checked 默认选择
disabled 禁止选择
多选和单选

窗体栏位(下拉菜单):

<select name=”栏位名称” size=”数字” >
        <option value="选项值" selected="selected"(默认选择)>
        <option value="选项值">
</select>

区块栏位(文本域):

<textarea cols=”设置长度” rows=”设置高度”></textarea>
下拉菜单和文本域

图像按钮:

<input type="image" src="url(路径)" alt="文本"/>

按钮图像:

<button  name=”栏位名称” type=”图象形态”>
    <img src=”URL(路径)”>
</button>

提交按钮:

<input type=”submit” value=”按钮中显示的文字”>
<button type=”submit”>...</button>

重置按钮:

<input type=”reset” value=”按钮中显示的文字”>
<button type=”reset”>...</button>

普通按钮:

<input type=”button” value=”按钮中显示的文字”>
<button type=”button”>...</button>
表单按钮

上传文件:

<input type="file" name="file">

(注意:如果定义了上传框form表单必须定义enctype=“multipart/form-data”,否则将接受不到上传的图片信息)

上传文件

表单加上外框和标题

外边框:<fieldset>...</fieldset>
标题:<legend>...</legend>
外框和标题
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一,有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)?...
    kingBirds阅读 4,239评论 0 0
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 4,816评论 0 0
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 3,196评论 0 1
  • 一、表单概述 1、作用: 用于为用户创建 HTML 表单,用于向服务器传输数据。 表单能够包含 input 元素,...
    唯老阅读 3,757评论 0 4
  • 亲爱的老公: 您好!我们已经今年已经是结婚的第七年了吧。为了一个视频没有声音的事现在我们已经冷战一个星期了吧,你的...
    知蕊阅读 3,635评论 0 0