Андрей Федоров

Масса способов... Такой:
transform: skewX(45deg);
или такой:

background-image: linear-gradient(45deg, white 50%, black 50%);

Используйте calc() для расчета ширины input. Только не забудьте border и padding учесть.

попробуйте так https://codepen.io/aliencash/pen/ZKBNbJ

Спам-боты атакуют не форму, а скрипт-обработчик. Соответственно все что вы делаете на стороне клиента, в html или js вас не спасет. Нужна валидация на стороне сервера + черные списки ip адресов.

div {
  background-image: linear-gradient(90deg, white, transparent 50%, white);
}

codepen.io/aliencash/pen/EWBRRq

codepen.io/aliencash/pen/zZLyMa

Ну у вас же есть пример. Смотрите как там сделано... Ах да, там же js... )
Ладно, тогда типа того:
codepen.io/aliencash/pen/BWJeLE

codepen.io/aliencash/pen/evybNo

Да вы издеваетесь!
1. codepen.io/aliencash/pen/oZwoRq?editors=1100
2. codepen.io/aliencash/pen/jBwYEb?editors=1100

Получится только для статических сайтов. Только захватить освобождающийся домен сложно. После того как срок закончится регистратор обычно регистрирует домен на себя и выставляет его на аукцион. Т.е. как минимум через год домен можно будет зарегистрировать на себя по стандартной цене.