HTML

PyCharm Flask HTML

使用PyCharm+Flask框架编写web站点时，当HTML页面里代码量逐渐增加，特别是合并他人的代码后，格式越来越混乱，这时就需要对HTML代码进行格式化。除了使用第三方插件来格式化HTML代码，利用自带的是最方便也是最好用的。需要注意的是，Windows系统和Mac系统格式化HTML代码稍有不同。 Windows系统格式化PyCharm里的HTML代码：使用快捷方式 ctrl alt L 三键（需要先选中需要格式化的HTML代码） Mac系统格式化PyCharm里的HTML代码：使用快捷方

Visual Studio Code格式化HTML操作方法

VisualStudioCode HTML

1，打开 VS Code 编辑器并打开要格式化的 HTML 文件。 2，按快捷键 Shift+Alt+F，或者右键点击页面，选择“格式化文档”菜单项。 Visual Studio Code 将按照默认设置自动格式化 HTML 文件。格式化后HTML代码会重新排列，缩进更加清晰，标签的换行符也可能会被修改。自定义格式化 Visual Studio Code 还支持自定义 HTML 格式化选项。按 Ctrl +, 打开用户设置面板，在搜索框中输入 “HTML Format” 或 “Live Server

target="_Blank"属性的安全漏洞

HTML

HTML 超链接标记允许您创建一个元素，单击该元素可以引用网页上的其他文档或部分。超链接是用 HTML 标记定义的，如下所示：<a> <a href="/about">About Page"></a> HTML 目标属性虽然该属性指定链接的目标地址，但另一个常见属性是用于指定打开链接的目标地址的位置。您可以在以下位置打开链接 _self - 这将在单击链接的同一窗口或选项卡中打开链接（PS：这是所有链接的默认值） _blank - 这将在新窗口或选项卡中打开链接 _parent - 这将在下一级父框架

Python通过html模块处理HTML转义字符

Python HTML

HTML转义后内容可能不是按预估的现实。下面介绍在Python中通过自带的html模块处理HTML转义字符。使用其中的unescape()函数可以将HTML文本中的转义字符处理成正常的字符形式。 import html html_str = "<a>Python转义</a>" s = html.unescape(html_str) print(s) 输出如下 <a>Python转义</a> 使用html模块自带的escape()函数将字符转换成HTML转义字符。 import

<input>与<textarea>元素的 oninput 和 onchange 事件的区别

HTML

onchange事件，要在 input 等失去焦点的时候才会触发。 onchange 属性可以使用于<input>, <select>, 和 <textarea> 控件。 oninput 事件在用户输入时触发，它是在元素值发生变化时立即触发，不论焦点是否失去。该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

自定义input控件 type=file 样式

CSS HTML

CSS样式： .file { position: relative; display: inline-block; background: #FFFCDA; border: 0.1rem solid #FFF8B5; border-radius: 0.2rem; padding: 0.3rem; overflow: hidden; color: #999999; text-decoration: none; text-indent: 0; line-height: 1.2rem; } HTML代码： <

jQuery 获取 HTML 控件 textarea 值的问题

HTML jQuery

textarea 文本内容更新后，jQuery 通过 .html()、.text() 和 .val() 获取的内容会有所不同。 .html() 和 .text() 只能获取到 textarea 初始化时的内容。只有 .va() 才能获取 textarea 实时修改后的内容。 HTML代码： <textarea id="tt" rows="10"></textarea> 正确获取 textarea 内容的jQuery代码： $("#tt").val().trim();

jQuery 如何获取 input 控件的 value 值

jQuery HTML

在HTML中，input 输入框显示的值是通过 value 属性控制的。 jQuery 可以通过两种方法来获取 input 控件的 value 值。方法1：通过 val() 属性。jQuery 代码如下 let val = $("input").val(); 如果input的id值 id1，jQuery代码如下： let val = $("#id1").val(); 方法2：通过 attr() 属性。jQuery 代码如下： let val = $("#id1").attr("value");

jQuery 如何判断 input 是否选中？如何设置选中状态？

jQuery HTML

● 判断 input 是否选中 <div id="pfs"> <input type="checkbox" value="1"/> 1 <input type="checkbox" value="2"/> 2 <input type="checkbox" value="3"/> 3 </div> 判断 input 中哪个被选中了 $("#pfs input").each(function({ // 方法1（注意是 :checked，前面不要少了冒号）。返回 true or false $(this).i

HTML控件input的多选和单选

HTML

HTML控件input可以通过指定type属性的值，来呈现多选和单选样式单选： <input type='radio'/> 如果没有指定 name 属性，多个 input 在外观上虽然是单选按钮，但是是可以多选的。当多个 input 指定相同的 name 值时，这些 input 只能有一个被选中。例如： <input name='r' type='radio'/> 当多个 input 都指定 name 为 r，则所有 name='r' 的 input，只能有一个被选中。当其中一个被选中，之前被选中

html转义字符常用对照表

HTML转义字符 HTML

字符十进制转义字符描述 @ &#64 &commat at符号 © &#169 &copy 版权符号 ! &#33 &excl 感叹号 ¡ &#161 &iexcl 倒置感叹号 : &#58 &colon 冒号 , &#44 &comma 逗号 · &#183 &middot 中间点 ‘ &#39 &apos 撇号 ‘ &#8216 &lsquo 左单引号 “ &#8220 &ldquo 左双引号 ( &#40 &lpar 左括号 [ &#91 &lsqb 左方括号 { &#123 &lcub 左

HTML

HTML 内联框架元素 (<iframe>) 表示嵌套的browsing context。它能够将另一个 HTML 页面嵌入到当前页面中。每个嵌入的浏览上下文（embedded browsing context）都有自己的会话历史记录 (session history)和DOM 树。包含嵌入内容的浏览上下文称为_父级浏览上下文_。顶级浏览上下文（没有父级）通常是由 Window 对象表示的浏览器窗口。警告：页面上的每个<iframe>都需要增加内存和其它计算资源，这是因为每个浏览上下文都拥有完整的