整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

零基础学习HTML背景表单单选按钮复选框上传文件下拉列表

TML 背景

设置背景颜色<body bgcolor="#000000">

设置背景图片<body background="bg.jpg">

设置页面文字颜色<body text="#cccccc">

颜色属性值有三种值的格式

1,英文单词,比如 red , yellow ,green …

<body bgcolor="yellow">

2, 十六进制表示方式,#开头,6个十六进制的字符或数字 组合

比如:#FFFFFF,#000000,#CCCAAA,#22BCAD

十六进制: 0-9 和 a-f

3, RGB模式,红 0-255,绿 0-255,蓝 0-255

比如: RGB(120,33,234)

HTML 表单

表单是一个包含表单元素的区域。

表单能够包含 input 元素,textarea、select、fieldset、legend 和 label 元素。

表单使用标签(<form>)定义。

表单用于向服务器传输数据。

表单的结构

<form name="form1" action="URL" method="get">

用户名:<input type="text" name="uname" />

密 码:<input type="password" name="passwd" />

</form>

属性说明

name表单的名称

action表单提交地址

method表单数据提交的方式 (get ,post)

enctypeMIME类型

target打开方式

input标签

属性说明

typeinput元素类型

nameinput 元素的名称

valueinput 元素的值

sizeinput 元素的宽度

readonly是否只读

maxlength输入字符的最大长度

disabled是否禁用

1.文本框

<input type="text" name="username" value="" />

2.密码框

<input type="password" name="passwd"/>

3.单选按钮

<input type="radio" name="sex"value="1"checked="checked" />男

<input type="radio" name="sex"value="0"/>女

4.复选框

<input type="radio" name="sex"value="1"checked="checked" />男

<input type="radio" name="sex"value="0"/>女

<input type="checkbox"name="love"value="music" checked="checked"/> 听音乐

<input type="checkbox"name="love" value="movie"/> 看电影

<input type="checkbox"name="love" value="game"/> 玩游戏

5.按钮

<input type="button" name="btn" value="确定"/>

<input type="submit" name="comit" value="提交"/>

<input type="reset" name="reset" value="重写"/>

<input type="image" name="img_btn" src="btn.gif"/>

6. 隐藏域

隐藏域用于在程序发送没有必要让用户看到特定值的时候使用。

<input type="hidden" name="uid" value="10"/>

7. 上传文件

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

注:利用这项功能时,在 form 标签中要指定method属性。要把method 指定为post, enctype属性指定为 multipart/form-data。

<textarea> 多行文本框

<textarea name="content" rows="5" cols="50"> </textarea>

属性说明

name元素的名称

rows指定文本框的高度

cols指定文本框的宽度

select下拉列表框

<select name="city">

<option value="0">请选择</option

<option value="bj">北京</option>

<option value="gz">广州</option>

</select>

属性说明

name下拉列表框的名称

size下拉列表框的显示行数

multiple是否多选

disabled是否禁用

selected设置默认选中的选项

value选项的值

optgroup标签

optgroup 元素用于组合选项 。

属性说明

label指定组合选项名称

fieldset标签

fieldset 标签作用是把表单中元素组合起来

<fieldset>

<legend></legend> length为字符长度

<form></form>

</fieldset>

label标签

lable 标签的作用是将输入项或选项及其标签文字关联起来。

<input type="radio" name="sex" value="1" id="male" />

<label for="male">男</label>

<input type="radio" name="sex" value="0" id="female" />

<label for="female">女</label>


标经过的时候,下拉内容显示;鼠标离开的时候,下拉内容隐藏。

# 网页文本禁止复制粘贴?一分钟学会8种方法轻松突破限制

段子手168


方法一:代码破解法

打开你需要复制内容的网页,在浏览器地址栏输入“javascript:void($={});”这串代码,

然后按下回车键,这时候就允许你复制文本了。

方法 二:打印网页法

我们还可以利用打印网页的时候,在预览页面将文本复制下来。按下快捷键【Ctrl+P】,

将会进入打印界面,直接在右侧的预览界面,选中文本进行复制。

方法三:后台控制端

打开网页后,按下功能键【F12】,进入网页后台找到【Console】,

在下面输入这串符号“$=0”,再2按下回车键,

网页文字就能自由复制了。

方法四:查看源代码

你还可以在网页空白处,右击选择【查看页面源代码】,然后一直向下滑动,找到密密麻麻的文本,

选中直接复制提取出来。

方法五:保存本地网页

打开网页鼠标右击,选择【网页另存为】,然后在弹出的窗口中,

将保存类型改为【网页,仅HTML】,接着点击【保存】。

关闭当前网页,回到桌面找到刚刚保存的本地网页文件,双击打开后,就可以随意复制啦。

方法六:截图识别文字

此外,我们还可以利用OCR文字识别技术,将网页文字识别出来。

需要借助掌上识别王工具,找到【文字识别】-【快速截图识别】功能。

方法七:

网址最前面加上 read: (用 Microsoft Edge 浏览器打开)

方法八:

1)按 F12 打开调试框,点击右上角【设置】。

2)往下拉,找到 【Debugger】

3)勾选 【Disable JavaScript】

4)返回页面,按 F5 刷新一下页面,这样网页文字就可以复制了。