добавление значений для флажка для почтовой программы php - PullRequest
Новая
       6

добавление значений для флажка для почтовой программы php

0 голосов
/ 08 июня 2018

У меня есть флажок, я превратился в мужской / женский слайдер.Я смущен, как я могу сделать ценность для них в HTML ???выкл = мужчина вкл = женщина Я знаю, что я должен каким-то образом превратить непроверенный в мужчину и проверить в женщину, но как мне кодировать это в HTML?Поэтому, когда я создаю сценарий почтовой программы, я могу отправить эти значения мне по электронной почте? 

 $gender = $_POST['gender'] ;
<span style='font-size: px;'>Gender:$gender<br></span>


.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0024FF;
  -webkit-transition: .4s;
  transition: .4s;
   border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #FF1493;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.slider:after
{
 content:'Male';
 color: white;
 display: block;
 position: absolute;
 transform: translate(-50%,-50%);
 top: 50%;
 left: 50%;
 font-size: 10px;
 font-family: Verdana, sans-serif;
}

input:checked + .slider:after
{  
  content:'Female';/*ON*/
}

/*--------- END --------*/
<label class="switch"><input type="checkbox" name="gender" id="togBtn"><div class="slider round"></div></label>

У меня есть флажок, я превратился в мужской / женский слайдер.Я смущен, как я могу сделать ценность для них в HTML ???выкл = мужчина вкл = женщина Я знаю, что я должен каким-то образом превратить непроверенный в мужчину и проверить в женщину, но как мне кодировать это в HTML?Поэтому, когда я создаю сценарий почтовой программы, я могу отправить эти значения мне по электронной почте?

1 Ответ

0 голосов
/ 08 июня 2018

Вот как вы можете получить доступ к значению с помощью JavaScipt: 

var isFemale = document.getElementById("togBtn").checked;
var gender = "Male";
if(isFemale) {
     gender = "Female";
}

Или, поскольку похоже, что вы принимаете данные формы с помощью php: 

$gender = 'Male';
if(isset($_REQUEST['gender']) && $_REQUEST['gender'] === true) {
     $gender = 'Female';
}

Для справки$ _REQUEST подобен комбинации $ _POST и $ _GET, но $ _POST будет работать на его месте

...