HTML表单(基础知识)

QQ:275487025
QQ群:854312770
欢迎各种大牛指点,和小白一起学习。

标单加长外框和标题:

标题:
<legend>主题</legend>

外边框:
<fieldset>头部标签</fieldset>尾部标签

表单结构:

<form>.....内容.....</form>

属性 :name,method,action;
值:string字符串,给这个表单命名;get/post表单的传输方式;url路径传输目标;
文本栏:

<input type="text">

密码栏:

<input type="passwprd">

隐藏栏:

<input type="hidden">

属性:name=“栏位名称”;value=“栏位内定制”;size=“栏位显示宽度”;maxlength=“栏位数据输入的最大位数”;placeholder=“隐身字”;readonly=“readonly”(只读,禁止写);disabled=“disabled”(禁用);
复选框(多选的):

<input type="checkbox">
单选框:
<input type="radio">

name=”栏位名称”;value=“内定值’’;checked=”checked”(默认选择);disabled=“disabled”(禁止选择);
窗体栏位(下拉菜单):

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

区块栏位(文本域):

<textarea cols="设置长度";rows="设置高度"></textarea>

上传文件:

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

注意:如果定义上传框fom表单必须定义enctype=“multipart/form-data”否则将接收不到上传信息。
图像按钮:

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

按钮图像:

<button>
    <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>

QQ:275487025

猜你喜欢

转载自blog.csdn.net/qq_42696138/article/details/81294685