|
導讀網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立... 網頁的本質就是超級文本標記語言,通過結合使用其他的Web技術(如:腳本語言、公共網關接口、組件等),可以創造出功能強大的網頁。因而,超級文本標記語言是萬維網(Web)編程的基礎,也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。 本篇文章給大家帶來的內容是關于focus選擇器怎么用?focus選擇器使用方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。focus選擇器 :focus選擇器被用來指定“表單元素”獲得光標焦點時使用的樣式,主要在單行文本框text、多行文本框textarea等表單元素獲得焦點并輸入文本時使用。 一般情況下,獲取焦點和失去焦點是針對單行文本框text、多行文本框textarea這2個表單元素而言。 舉例: <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 :focus選擇器</title>
<style type="text/css">
input:focus
{
outline:1px solid red;
}
</style>
</head>
<body>
<p><label for="name">姓名:</label><input type="text" name="name"/></p>
<p><label for="email">郵箱:</label><input type="text" name="email"/></p>
</body>
</html>效果如下:
分析: 在這里當文本框獲取焦點時,使用outline屬性為文本框添加一個紅色的外輪廓線,效果如下:
以上就是對focus選擇器怎么用?focus選擇器使用方法的全部介紹,如果您想了解更多有CSS3教程,請關注PHP中文網。 以上就是focus選擇器怎么用?focus選擇器使用方法的詳細內容,更多請關注php中文網其它相關文章! 網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示:喜歡本站的話,請收藏一下本站!