CSS3表單提示是指通過CSS3技術給表單元素增加的信息提示效果。這種提示效果在表單填寫中非常常見，可以幫助用戶更好地理解輸入規則和填寫要求，從而避免錯誤。 使用CSS3表單提示的前提是必須要有表單元素的提示內容，通常這個內容可以通過title屬性來設置。然后，通過CSS3的:before和:after偽元素，再將這個提示內容作為元素的內容來展示，并設置樣式和位置。 下面是一個CSS3表單提示的示例代碼：

/* 設置樣式 */
input { position: relative; }
input:before, input:after { 
position: absolute;
display: none;
color: #fff;
font-size: 12px;
line-height: 14px;
padding: 5px;
z-index: 999;
}
input:before { 
content: "提示：";
background: #333; 
left: 0; top: -24px;
}
input:after { 
content: attr(title); 
background: #333;
left: 0; top: -50px;
}
input:hover:before, input:hover:after { 
display: block; 
}
/* HTML代碼 */
用戶名：

在這個示例代碼中，我們首先通過CSS設置了:before和:after偽元素的樣式和初始位置。其中:before元素顯示的是固定的提示內容"提示："，而:after元素則展示的是具體的表單元素的提示內容，這個內容是通過CSS3的attr()函數來獲取的。 在HTML代碼中，我們把需要添加提示效果的表單元素嵌套在一個

標簽中，并給它設置了title屬性，這個屬性的值就是我們需要提示的內容。 最后，通過CSS設置input元素的:hover狀態下，顯示:before和:after元素。這樣，當鼠標移動到表單元素上時，就會自動顯示相應的提示內容了。 總結起來，CSS3表單提示是一種非常實用、方便的UI效果，可以提高表單填寫的效率和準確性，讓用戶更加輕松地完成任務。