效果展示：
1、PC布局：
2、移动布局：
3、交互展示：
1、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>
<div class="xunpan-box">
<div class="xunpan-container">
<div class="xunpan-title">
<h2>contact us</h2>
<h3>We are happy to answer your questions.</h3>
</div>
<div class="xunpan-form-box">
<form id="xForm">
<!-- 左边 -->
<div class="xunpan-form-left">
<div class="row">
<label for="gender"><i style="color:red">*</i> Gender</label>
<select id="gender" name="gender" required class="customizeInquiry">
<option value="" disabled selected>Please select your gender...</option>
<option value="male">Male</option>
<option value="female">Female</option>
</select>
</div>
<br><br>
<div class="row">
<label for="country"><i style="color:red">*</i> Region</label>
<select id="country" name="country" required class="customizeInquiry">
<option value="" disabled selected>Please select your region...</option>
<!-- 世界上所有国家的选项 -->
<!-- <option value="" selected="selected">Bitte auswählen ...</option> -->
<option value="AF">Afghanistan</option><option value="EG">Ägypten</option><option value="AX">Ålandinseln</option><option value="AL">Albanien</option><option value="DZ">Algerien</option><option value="AS">Amerikanisch-Samoa</option><option value="VI">Amerikanische Jungferninseln</option><option value="UM">Amerikanische Überseeinseln</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarktis</option><option value="AG">Antigua und Barbuda</option><option value="GQ">Äquatorialguinea</option><option value="AR">Argentinien</option><option value="AM">Armenien</option><option value="AW">Aruba</option><option value="AC">Ascension</option><option value="AZ">Aserbaidschan</option><option value="ET">Äthiopien</option><option value="AU">Australien</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesch</option><option value="BB">Barbados</option><option value="BY">Belarus</option><option value="BE">Belgien</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivien</option><option value="BQ">Bonaire, Sint Eustatius und Saba</option><option value="BA">Bosnien und Herzegowina</option><option value="BW">Botsuana</option><option value="BR">Brasilien</option><option value="VG">Britische Jungferninseln</option><option value="IO">Britisches Territorium im Indischen Ozean</option><option value="BN">Brunei Darussalam</option><option value="BG">Bulgarien</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="CV">Cabo Verde</option><option value="EA">Ceuta und Melilla</option><option value="CL">Chile</option><option value="CN">China</option><option value="CK">Cookinseln</option><option value="CR">Costa Rica</option><
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
