把全球国家列表JSON数据生成html select选项表单
留言表单有一个选择国家地区的select选项列表，一个一个手动输入显然很费劲还容易出错，使用js插件又没太大必要，直接使用在线工具生成一个国家列表的json数据，然后直接调用数据生成比较合适。
生成国家地区列表的在线工具可以用AI工具，如deepseek，下面是生成的结果：
[
{"value": "AF", "label": "阿富汗"},
{"value": "AL", "label": "阿尔巴...
jquery指定option文本值设置select下拉选中状态
通过:contains匹配select下拉选项的option文本值，把和指定文本相同的option设置为选中状态。
html代码
<div class="setSelect">
<select>
<option value="1">阿里云</option>
<option value="2">腾讯</option>
&l...
HTML使用include file引用文件的用法教程
在.shtml静态页面中使用#include可以引入另一个html文件，从而实现做静态整站html网页时，实现公用文件的提取，被包含的文件可具有任何文件扩展名，不少人喜欢使用.inc扩展名文件。
注意：
使用#include命令必须开启服务器的ssi服务（全称Server Side Include），即使用映射到SSI解释器的文件扩展名，否则Web服务器是不处理该命令的。
默认情况下，扩展名....
html input file上传控件限制上传文件的类型
type="file"的input上传选择文件默认是所有文件类型都会显示出来，如何限制它只显示设定的文件类型，如.xlsx、.doc、.pdf等后缀文件？办法是给它添加一个accept属性，代码如下：
<input id="File1" type="file" accept=".xls,.doc,.txt,.pdf"/>
附支持的文件类型：
*.3gpp audio/3gpp， video/3g...
SVG定义路径的path标签入门详细教程
SVG的<path>元素用于定义一些复杂的图形。它可以结合使用直线，曲线等来制作各种不规则的图形。<path>元素是SVG基本图形中最为复杂的一个。要掌握和理解它也需要下一点苦工。
先来看一个例子：
<svg xmlns="http://www.w3.org/2000/svg">
<path d="M50,50
A30,30 0 0,1 35,20
L100,10...
html input文本框禁止输入的几种方法
readonly：可以获取本文框的值
<input type="text" readonly="true" value="abc"/>
disabled：不能获取本文框的值
<input type="text" value="bcd" disabled="disabled" />
maxlength：定义文本框的文本长度为0个字符
<input type="text"...
html form表单input使用disabled后提交不能获取表单值
form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法：
方法一：
使用readonly带替代disabled，即把
disabled="disabled"
修改为
readonly="readonly"
二者区别：
disabled不能接收焦点，使用tab键时将被跳过，可能不是successful的；...
分享到twitter,facebook,google,yahoo,linkedined的网页代码
常用的网页社区分享代码：
分享到twitter的代码
<a href="http://twitter.com/home?status=https://www.tddx.net/ 资源分享" title="分享到 Twitter" target="_blank" rel="nofollow">Twitter</a>
分享到Facebook的代码
<a href="htt...
通过css修改水平横线
标签样式去掉hr标签阴影效果
html中水平衡线hr默认高度是两个像素，其中border-top高1px，且颜色为黑，border-bottom高1px颜色为灰，这时看着是阴影效果，去掉阴影效果很简单，只需在css里把border-bottom或border-top属性设置一个为none即可。
hr {border:none; border-bottom:1px solid #ddd;}
或者
hr {border-top:none; b...
HTML img图片出现下边距的解决方法
图片底部的空隙实际上涉及行内元素的布局模型，图片默认的垂直对齐方式是基线，而基线的位置是与字体相关的。所以在某些时候，图片底部的空隙可能是 2px，而有时可能是 4px 或更多。不同的 font-size 应该也会影响到这个空隙的大小。
给图片定义vertical-align也可以解决这个问题，将图片的垂直对齐方式设置为 top 或 bottom，这个空隙会消失。
解决办法给img定义vertical-al...
设为首页和加入收藏代码 另类兼容各主流浏览器
目前还没有找到可以兼容各大浏览器的设为首页和加入收藏的代码，只能根据不同的浏览器进行提醒操作！
设为首页Javascript代码：
function SetHome(obj,vrl){
try{
obj.style.behavior='url(#default#homepage)';obj.setHomePage(vrl);
}catch(e){
if(window.netscape) {...
加入收藏javascript代码
javascript代码：
<script language="javascript">
function AddFavorite(sURL, sTitle){
try {
window.external.addFavorite(sURL, sTitle);
}catch (e){
try {
window.sidebar.addPanel(sTitle, sURL, "");
}cat...
