Кнопка отправки имеет скос, от которого я не могу избавиться

Question

Кнопка отправки имеет скос, от которого я не могу избавиться

Я предлагаю использовать регулярное выражение.

if (inputPassword.matches("^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#\$%\^&\*])(?=.{8,})")){
    System.out.println("Strong");
} else if (inputPassword.matches("^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})")){
    System.out.println("Medium");
} else if (inputPassword.matches("^(?=.*[a-z])(?=.*[0-9])(?=.{8,})")){
    System.out.println("Weak");
} else if (inputPassword.matches("^(?=.*[A-Z])(?=.*[0-9])(?=.{8,})")){
    System.out.println("Weak");
} // etc

Вы можете настроить условия удаления или изменить условия в выражении

(? =. * [Az ]) Строка должна содержать как минимум 1 строчный алфавитный символ
(? =. * [AZ]) Строка должна содержать как минимум 1 верхний регистр
алфавитный символ
(? =. * [0-9]) Строка должна содержать хотя бы 1 числовой символ
[ 114]
(? =. [! @ # \ $% \ ^ & Amp;]) Строка должна содержать хотя бы один специальный символ, но мы избегаем зарезервированных символов RegEx, чтобы избежать конфликт
(? =. {8,}) Строка должна содержать восемь символов или более

20

html css forms button

задан Graham 12 May 2009 в 22:37

8 ответов

Другие вопросы по тегам:

html css forms button

Похожие вопросы:

score 42 · Answer 1

Вам нужно будет удалить границу (скос) следующим образом:

input {
    border: 0;
}

42

ответ дан 29 November 2019 в 23:04

score 1 · Answer 2

Вы можете удалить границу, используя свойства CSS границы. Например:

<input type=button value="Hello" style="border:0">

(Вы, конечно, можете переместить это в свою таблицу стилей.)

score 4 · Answer 3

Я бы не рекомендовал изменять внешний вид кнопки, потому что он не будет соответствовать тому, как выглядят другие кнопки на веб-сайтах, и пользователям будет сложнее найти и распознать кнопку отправки. Если вы действительно хотите продолжить, я настоятельно рекомендую пройти тест на удобство использования.

score 2 · Answer 4

Если вы хотите использовать собственное изображение кнопки, вам нужно будет определить свои собственные кнопки, например:

<div class="button">
  <a href="#">Login</a>
</div>

И CSS:

div.button
{
    position: relative;
    display: block;
    float: left;
    margin: 0;
    border: 0;
    padding: 0;
    background: url(button_right_normal.gif) no-repeat right top;
}

div.button a
{
    position: relative;
    display: block;
    margin: 0;
    border: 0;
    padding: 2px 15px 5px 15px;
    height: 18px;
    background: url(button_left_normal.gif) no-repeat left top;
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
}

score 4 · Answer 5

Вы можете установить атрибуты границы в CSS. Я всегда думаю, что

  border: 1px solid black;

хорошо выглядит.

4

ответ дан 29 November 2019 в 23:04

score 0 · Answer 6

Вы можете сделать что-то вроде следующего в таблице стилей (или в теге на странице) и использовать некоторые расширенные селекторы CSS :

input[type=submit], input[type=button], /* Advanced CSS selectors */
input.button /* For older browsers you can add a 'button' class to each button where you want a bkg img */
{
  border: 0;
  background-image: url("/images/foo.png");
}

score 0 · Answer 7

Note that Safari is very stubborn with styling submit buttons.

<button type="submit"></button>

Is more flexible. However, if you're using multiple buttons in a form, IE6 has problems. IE also submits the innerHTML of the button element, whilst Firefox submits the value attribute (which makes more sense to me).

score 0 · Answer 8

Думаю, вы можете указать, как будут выглядеть кнопка и кнопка отправки:

input[type=button], input[type=submit] { border: 0 }