標題：咳嗽評分表CSS

咳嗽是一種常見癥狀，包括咳嗽、喉嚨痛、喉嚨癢、咳嗽聲等。對于咳嗽評分表，可以幫助人們了解咳嗽的癥狀和程度，從而更好地自我診斷和治療。

本文將介紹咳嗽評分表的樣式和使用方法。

第一部分：樣式

1. .咳嗽-score {

font-size: 16px;

font-weight: bold;

margin-bottom: 10px;

2. .咳嗽-score input[type="text"], .咳嗽-score input[type="password"] {

font-size: 16px;

margin-bottom: 10px;

padding: 10px;

border: none;

border-bottom: 1px solid #ccc;

3. .咳嗽-score input[type="submit"] {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

4. .咳嗽-score label {

font-size: 16px;

margin-bottom: 10px;

第二部分：使用方法

1. 打開你的網頁，使用HTML編寫評分表的表頭。

```html

<div class="咳嗽-score">

<h2>咳嗽評分</h2>

<form>

<input type="text" placeholder="咳嗽癥狀" name="咳嗽癥狀" required>

<input type="password" placeholder="咳嗽程度" name="咳嗽程度" required>

<input type="submit" value="評分">

</form>

</div>

```

2. 在CSS中為表頭添加樣式，使得表頭顯示更加美觀。

```css

.咳嗽-score {

font-size: 16px;

font-weight: bold;

margin-bottom: 10px;

.咳嗽-score h2 {

color: #fff;

text-align: center;

margin-bottom: 30px;

.咳嗽-score form {

display: flex;

flex-direction: column;

align-items: center;

margin-bottom: 30px;

.咳嗽-score input[type="text"], .咳嗽-score input[type="password"] {

font-size: 16px;

margin-bottom: 10px;

padding: 10px;

border: none;

border-bottom: 1px solid #ccc;

.咳嗽-score input[type="submit"] {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

.咳嗽-score label {

font-size: 16px;

margin-bottom: 10px;

```

3. 為表頭添加表單元素，以便用戶輸入咳嗽癥狀和程度。

```html

<div class="咳嗽-score">

<h2>咳嗽評分</h2>

<form>

<input type="text" placeholder="咳嗽癥狀" name="咳嗽癥狀" required>

<input type="password" placeholder="咳嗽程度" name="咳嗽程度" required>

<input type="submit" value="評分">

</form>

</div>

```

4. 使用JavaScript為表單元素添加驗證，防止用戶輸入錯誤。

```javascript

var form = document.querySelector('form');

form.addEventListener('submit', function(event) {

event.preventDefault();

var癥狀 = document.querySelector('input[name="咳嗽癥狀"]').value;

var程度 = document.querySelector('input[name="咳嗽程度"]').value;

var score =癥狀 + ' ' +程度；

document.querySelector('div.咳嗽-score').innerHTML = score;

});

```

以上就是關于咳嗽評分表的CSS和JavaScript的使用方法，希望能夠幫助你更好地理解和使用這個評分表。