溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
控件和Web技術（如HTML5）的結合可以讓開發者創建出功能豐富、具有交互性的網頁應用
<!DOCTYPE html>聲明、<html>、<head>和<body>標簽。<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例網頁</title>
</head>
<body>
</body>
</html>
<input>、<select>、<textarea>等。這些控件可以讓用戶輸入數據或選擇選項。<form>
<label for="username">用戶名:</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密碼:</label>
<input type="password" id="password" name="password">
<br>
<label for="gender">性別:</label>
<select id="gender" name="gender">
<option value="male">男</option>
<option value="female">女</option>
</select>
<br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea>
<br>
<input type="submit" value="提交">
</form>
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表單默認提交行為
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
const gender = document.getElementById('gender').value;
const message = document.getElementById('message').value;
// 處理用戶輸入，例如發送到服務器或顯示在頁面上
console.log('用戶名:', username);
console.log('密碼:', password);
console.log('性別:', gender);
console.log('留言:', message);
});
</script>
body {
font-family: Arial, sans-serif;
}
form {
width: 300px;
margin: 0 auto;
}
label {
display: inline-block;
width: 80px;
text-align: right;
}
input, select, textarea {
width: 150px;
}
</style>
通過將控件與HTML5和JavaScript結合使用，你可以創建出功能豐富、具有交互性的網頁應用。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
