Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
、表單在網(wǎng)頁中的應(yīng)用:登錄、注冊(cè)常用到表單
2、表單的語法:
<form method="post" action="result.html">
<p> 名字:<input name="name" type="text" > </p>
<p> 密碼:<input name="pass" type="password" > </p>
<p>
<input type="submit" name="Button" value="提交"/>
<input type="reset" name="Reset" value="重填“/>
</p>
</form>
3、表單元素說明:
type:指定元素的類型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button,默認(rèn)為 text.
name:指定表單元素的名稱.
value:元素的初始值。type 為 radio時(shí)必須指定一個(gè)值.
size:指定表單元素的初始寬度。當(dāng) type 為 text 或 password時(shí),表單元素的大小以字符為單位。對(duì)于其他類型,寬度以像素為單位.
maxlength:type為text 或 password 時(shí),輸入的最大字符數(shù).
checked:type為radio或checkbox時(shí),指定按鈕是否是被選中.
4、示例:
<html >
<head>
<title>表單元素</title>
</head>
<body>
<!-- 表單 -->
<form method="POST" action="#">
<!-- 標(biāo)簽 -->
<label for="username">姓名:</label>
<!-- 文本框 value屬性是設(shè)置默認(rèn)顯示的值-->
<input id="username" value="songzetong" />
<!-- 密碼框 -->
<br/><label for="pwd">密碼:</label>
<input type="password" id="pwd">
<br/>
<!-- 單選框 -->
<label for="sex">性別:</label>
<input type ="radio" name ="sex" checked/>男
<input type ="radio" name ="sex"/>女
<!-- 復(fù)選框 -->
<br/>
<label for="hobby">愛好:</label>
<input type="checkbox" name ="hobby" id="hobby"/>聽音樂
<input type="checkbox" name ="hobby"/>旅游
<input type="checkbox" name ="hobby"/>游泳
<br/>
<!-- 下拉列表 -->
<label for="month">月份:</label>
<select id="month"/>
<option>1月</option>
<option>2月</option>
<option>3月</option>
</select>
<br/>
<!-- 按鈕 -->
<input type="reset" value="重置按鈕"/>
<input type="submit" value="提交按鈕"/>
<input type="button" value="普通按鈕"/>
<br/>
<!-- 圖片按鈕 -->
<input type="image" src="one.jpg" width="200px" heigth="200px"/>
<br/>
<button type="submit">提交</button>
<button type="reset">重置</button>
<br/>
<label for="profile">
個(gè)人簡(jiǎn)介:
</label>
<!-- 多行文本域 -->
<textarea >本人已同意什么條款</textarea>
<br/>
<br/>
<br/>
<!-- 文件域 -->
<label for="upload">上傳頭像:</label>
<input type="file"/>
<!-- 郵箱 -->
<br/>
<label for="QQ郵箱">郵箱:</label>
<input type="email"/>
<br/>
<!-- 網(wǎng)址 -->
<label for="ur">網(wǎng)址:</label>
<input type="url"/>
<!-- 數(shù)字 -->
<br/>
<label for="shuzi">數(shù)字:</label>
<input type="number" name="shuzi" min="0" max="100" step="10"/>
<br/>
<label for="huakuai">滑塊:</label>
<input type="range" />
<!-- 搜索框 -->
<br/>
<label for="sousuo">搜索</label>
<input type="search"/>
<!-- 隱藏域 -->
<br/>
<input type="hidden"value="1">
<!-- 只讀:只能看不能修改,禁用:不能用 -->
<input value="我是只讀的" readonly/>
<input type="button" value="我是禁用的" disabled/>
<!-- palceholder默認(rèn)提示 -->
<br/>
<input placeholder="默認(rèn)提示框"/>
<br/>
<!-- 文本框內(nèi)容提示不能為空,否則不允許用戶提交表單(網(wǎng)頁上的必填項(xiàng)) -->
<input required="必填項(xiàng)"/>
<button type="submit">提交</button>
<br/>
<!-- 用戶輸入的內(nèi)容必須符合正則表達(dá)式所指的規(guī)則,否則就不能提交表單-->
<input required pattern="^1[3578]\d{9}"/>
<button type="submit">提交</button>
</form>
</body>
</html>
效果圖鏈接:file:///D:/ruanjian/VS/wenjianxiangmu/htmlThree/form.html
學(xué)會(huì)這個(gè)VS Code技巧,摸魚的時(shí)間又變多了
---
**引子:提升編碼效能,解鎖更多閑暇時(shí)光**
在競(jìng)爭(zhēng)激烈的Web前端開發(fā)領(lǐng)域,如何更高效地運(yùn)用工具至關(guān)重要。本文將揭示一項(xiàng)被低估的VS Code核心技巧,它將大幅提高你的編碼速度,進(jìn)而釋放出更多屬于你自己的“摸魚”時(shí)間(這里指有效率地休息和自我提升的時(shí)間)。
---
**【第一部分】巧用Emmet插件,瞬間構(gòu)建HTML結(jié)構(gòu)**
**標(biāo)題:打造HTML的樂高積木**
**實(shí)例1:一鍵生成HTML5基礎(chǔ)骨架**
只需在VS Code編輯器中輸入`html:5`,然后按下Tab鍵,即可生成完整的HTML5基本結(jié)構(gòu):
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
```
**實(shí)例2:快速生成復(fù)雜的HTML元素集合**
使用Emmet表達(dá)式可以迅速構(gòu)造復(fù)雜的HTML列表,例如輸入`ul>li.item$*5`并按Tab鍵,將生成:
```html
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>
```
---
**【第二部分】JavaScript神器:IntelliSense助力智能編程**
**標(biāo)題:智能提示,讓JS編寫如虎添翼**
在VS Code中,內(nèi)置的IntelliSense特性提供了強(qiáng)大的代碼提示與自動(dòng)補(bǔ)全功能:
```javascript
// 實(shí)例:智能提示與自動(dòng)補(bǔ)全
let arr = ['apple', 'banana', 'cherry'];
arr.f // IntelliSense此時(shí)會(huì)列出所有數(shù)組方法,如filter、forEach等
// 自動(dòng)導(dǎo)入模塊
import React from 'react'; // 在使用React組件時(shí),編輯器會(huì)自動(dòng)識(shí)別并提示導(dǎo)入語句
```
---
**【第三部分】實(shí)時(shí)錯(cuò)誤檢查與快速修復(fù)——ESLint的魅力**
**標(biāo)題:告別手動(dòng)排查,迎接即時(shí)糾錯(cuò)時(shí)代**
安裝并配置ESLint插件后,VS Code能實(shí)時(shí)檢查JavaScript代碼中的錯(cuò)誤并提供修復(fù)建議:
```javascript
// 錯(cuò)誤示例及即時(shí)反饋
function add(a, b) {
return a + b;
}
add('2', 3); // 這里的類型錯(cuò)誤會(huì)被ESLint立刻捕捉并標(biāo)注
// 只需點(diǎn)擊錯(cuò)誤提示,編輯器便會(huì)提供可能的修復(fù)方案
```
---
**【第四部分】無縫集成終端與Git版本控制**
**標(biāo)題:一站式解決方案,無需跳出IDE**
- **集成終端**: 直接在VS Code內(nèi)開啟集成終端,執(zhí)行諸如啟動(dòng)本地服務(wù)器、運(yùn)行npm腳本等各種命令行任務(wù)。
- **內(nèi)置Git支持**: VS Code具備完善的Git功能,無需離開編輯器界面就能查看差異、提交更改、切換分支等,大大簡(jiǎn)化了版本控制流程。
---
**尾聲:掌握高效之道,悠享“摸魚”之樂**
熟練應(yīng)用以上VS Code高效開發(fā)技巧,不僅能提升你的編程效率,還將無形中拓寬你的時(shí)間維度。把節(jié)省下來的時(shí)間用于拓展知識(shí)邊界、調(diào)整工作狀態(tài)或是純粹的放松,都是明智之舉。記住,“摸魚”的真諦在于勞逸結(jié)合,持續(xù)優(yōu)化自己的工作與生活質(zhì)量。現(xiàn)在就開始行動(dòng)吧,用技術(shù)的力量為自己贏得更多的自由時(shí)間!
isual Studio 2019重磅來襲!
Visual Studio 2019在一些領(lǐng)域改進(jìn)了Visual Studio 2017。新版可以通過簡(jiǎn)化克隆Git倉庫或打開現(xiàn)有項(xiàng)目或文件夾來幫助您更快地進(jìn)入代碼。它還引入了對(duì)模板選擇屏幕的改進(jìn),使其更容易啟動(dòng)新項(xiàng)目。
在編寫代碼時(shí),我們會(huì)注意到Visual Studio 2019改進(jìn)了代碼導(dǎo)航并添加了許多重構(gòu),以及文檔運(yùn)行狀況指示器和一鍵式代碼清理以應(yīng)用多個(gè)重構(gòu)規(guī)則。調(diào)試體驗(yàn)也有所改進(jìn),包括.NET Core應(yīng)用程序的數(shù)據(jù)斷點(diǎn),它們可以幫助您僅僅打破您正在尋找的價(jià)值變化,還包括使用Visual Studio IntelliCode獲取AI輔助代碼。
Visual Studio 2019的目標(biāo)是從開發(fā),測(cè)試,調(diào)試甚至部署支持這些項(xiàng)目,同時(shí)最大限度地減少您在不同應(yīng)用程序、門戶和網(wǎng)站之間切換的需要。
安裝
IDE
性能
常規(guī)調(diào)試和診斷
源代碼管理和團(tuán)隊(duì)資源管理器
擴(kuò)展性
編程語言——C#
編程語言——C++
編程語言——F#
編程語言——JavaScript/TypeScript
編程語言——Python
Web 技術(shù)
通用 Windows 平臺(tái) (UWP)
使用 Xamarin 進(jìn)行移動(dòng)開發(fā)
SQL Server Data Tools
想要獲取更多Visual Studio 2019教程資源,可在評(píng)論區(qū)留言哦。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。